问题标签 [angular-bootstrap]

我正在使用 angular bootstrap typeahed。

有可能在输入中显示不完整的单词，例如https://twitter.github.io/typeahead.js/examples/？

我尝试在 ui.bootstrap-typeahed 中执行此操作，但我只输入了字符。我使用 $http 请求来获取数据元素。

感谢您的任何想法。

首先，我知道这个帖子：
Activating bootstrap dropdown menu on hover
Bootstrap Dropdown with Hover
How to make twitter bootstrap menu dropdown on hover 而不是 click
和其他的，但仍然没有找到正确的解决方案，这就是我到目前为止所做的.
首先，我使用了 angular-bootstrap 下拉指令中的 is-open 属性，如下所示：

这似乎有效，但出现了 2 个错误：

• 第一个是当点击下拉切换元素时，下拉菜单消失了，再次点击不会把它带回来你必须鼠标离开然后鼠标进入下拉切换以获取下拉菜单。
• 第二个是css/html问题。

通常下拉菜单的常规 css 解决方案是这样的：

请注意，下拉菜单现在位于下拉切换元素内，这意味着当使用鼠标从下拉切换到下拉菜单时，它正在从父级移动到子级，所以基本上我们仍然将鼠标悬停在下拉切换上，因为我们是在它的孩子中，这意味着下拉菜单仍然可见，另一方面，引导下拉菜单与点击事件一起使用，因此不需要将下拉菜单作为下拉切换的孩子，但现在当有人想要将鼠标离开下拉菜单后的行为更改为 mouseenter/hover-toggle 下拉菜单消失，因此我们不再可以访问下拉菜单元素，这在此plunker中可见

为了修复第一个错误，我刚刚删除了下拉指令，然后将 is-open 替换为 ng-class 指令，如下所示。
改变这个：

对此：

其余的保持与修复第一个错误相同的plunker 。
第二个错误很棘手，因为下拉菜单不再是下拉切换的子项，从切换到菜单时悬停效果不会持续，所以我这样做了。改变了这个：

对此：

这样做了，但是当单击它保持打开状态的下拉菜单项时出现了另一个错误，所以我一直这样做。改变了这个：

对此：

这给了我所需的行为plunker。
也就是说，这不是一个好的解决方案，因为这里涉及很多指令以获得简单的视觉效果，我提供的最后一个 plunker 包含一个不涉及 Bootstrap 或 AngularJS 的 css 解决方案，尽管它是必需的行为，但不是必需的html 结构或视觉结果，我需要的是在下拉切换和下拉菜单之间有一个空格，而不是切换元素的填充只是一个空白，这使得 css 解决方案在这种情况下无效。
所以，我的问题是有没有更好的方法来做到这一点，而无需为悬停下拉菜单添加新的插件/库更干净且易于重用的解决方案？

我有一个 Angular Bootstrap 下拉菜单，似乎没有切换下拉菜单。单击时，没有任何显示，尽管我可以在检查元素上看到列表项。

HTML：

下拉控件：

});

我有一个 angular-bootstrap 模态，我为其创建了一个自定义指令，以便输入字段将自动聚焦于打开状态。我已将指令模板添加到我的输入标签中，但在检查元素上，它无处可见。代码：

指令（复制自：How to set focus on input field?）

HTML：

模态控件：

有没有办法识别 angular-bootstrap 下拉菜单已关闭？我想识别这个事件并运行特定的功能。

有没有办法为 Angular 的引导时间选择器设置最小时间和最大时间？使用 Angular 的 Datepicker 设置支持最小和最大日期，我想知道 Timepicker 是否允许类似的功能。

查看 Timepicker的 Angular 文档中的设置，似乎没有办法做到这一点......但只是想知道是否有人熟悉实现这种行为的方法。提前感谢您的见解/建议！

编辑：

为了提供更多关于我正在尝试做的事情的背景信息：

我有两个 Timepickers 并排。左侧的选择器允许用户选择开始时间，右侧的选择器允许用户选择结束时间。无论选择哪个开始时间都应该设置结束时间Timepicker的下限，无论选择哪个结束时间都应该设置开始时间Timepicker的上限。

专家。我在使用角度引导日期选择器更新 firstdayofweek 时遇到问题。这是plunker

http://plnkr.co/edit/O8AJ63gY6xHm1c2is9nI?p=preview（无需重建）

下一个“开始日”的输入框具有范围变量，我想在日期选择器控件中更改一周的第一天。通常可以在模板渲染之前做 dateOptions.startingDay 变量，但不能动态改变。我向 angular bootstrap 团队创建了一个问题，他们回复我 dateOptions.startingDay 变量不是观察变量，它不能那样。所以我举了另一个例子，按照这个链接销毁和重建模板

如何在 Angular 指令中重新渲染模板？

, 并构建这个 plunker

http://plnkr.co/edit/R8yIvnwXzSZPfIWwBbDs?p=preview (Plunker)

如果我检查此 plunker 中的元素，则会生成新的 datepicker 内容，但下拉菜单不起作用。

欢迎任何解决方案。谢谢

有没有办法访问手风琴组是否开放？我知道有 isOpen 指令，但我不确定是否有办法在纯粹在 html 中访问它的状态。使用（和滥用？）两种方式绑定，我可以设置一个变量来保持该状态，但如果不执行 isOpen0、isOpen1、isOpen2 等操作，它将无法用于嵌套手风琴。我也可以使用 ng-init 来“声明”在嵌套手风琴的范围内有一个新的 isOpen ，但这听起来不是一个好主意。

http://plnkr.co/edit/l5y4raei99pedNWcE225

设想

我在模态 A 中有一个轮播，它由一堆幻灯片组成。每张幻灯片都是一张信用卡。然而，其中一张幻灯片允许用户启动模态 B；此模式（模式 B）用于记录新的信用卡详细信息。模态 B 中的对象在关闭后返回到 A，然后应将其添加到模态 A 中的轮播中。

模态A

模态 B

当然，我希望这张信用卡（幻灯片）具有与其他信用卡相同的功能，例如，如果我点击它，它应该成为默认信用卡，以灰色背景和右上角的绿色勾号突出显示。

我正在为轮播使用slick-slider并添加一张新幻灯片，它需要一个字符串，所以我试图在添加之前对我的 HTML 字符串进行角度化：

fooBar()只是一个输出“我已被点击！”的函数 向控制台发送消息，但单击时未调用它。

问题

我该如何编译这个字符串，以便附加该函数？

提前致谢

注意：这不是指令，由 angular bootstrap 提供的模态调用如下：

我有使用 angular-bootstrap 和 ionicFramework 的应用程序。问题出在 angular-bootstrap $modal 元素中。我希望它有垂直滚动条，但在 ionic.css 中有样式：

因此，模态中没有滚动条。我尝试以多种方式解决这个问题，但现在我很困惑。