问题标签 [angular-ui-bootstrap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
168 浏览

angular-ui-bootstrap - 如何使用 Angular-UI 引导字体?

我正在尝试开始使用 Angular UI 引导程序。

我有这个例子正在运行,但我不知道从这里去哪里。文档或示例的方式并不多。

twitter Bootstrap 的文档说 typehead 具有诸如 minLength 之类的选项。例如,我该如何设置?我如何将它连接到控制器?

0 投票
2 回答
2396 浏览

angularjs - 指令动态添加的输入预输入

我有一个指令可以动态添加输入以响应对容器的点击。我希望能够在应用于动态输入的指令元素上预先输入。我已经设置了这个 plunk 来演示。

http://plnkr.co/edit/199KeGRAd32ZeOIjTKe6?p=preview

在我的应用程序中,预输入源是一个 http 调用。我在进行 http 调用的函数中放置了一些控制台日志,并且确实看到了返回的结果,所以我知道 typeahead 正在触发,但是正如您在 plunk 中看到的那样,typeahead 下拉菜单永远不会出现。我究竟做错了什么?

注意 交叉张贴在angularui的谷歌组

0 投票
1 回答
12883 浏览

twitter-bootstrap - 可以一次在轮播中显示两张幻灯片吗?

我刚开始学习 Angular.js,我在 Angular-ui 中使用 Carousel 控件。是否可以同时显示两张幻灯片而不是一张?

我想显示这样的图像 -

这是一个样本 -

http://plnkr.co/edit/BnErmMDl8nPvXPrw3ULu?p=preview

0 投票
4 回答
1440 浏览

angularjs - 加载时的angularjs值不正确

看到这个笨蛋

我想在一个input(用于与 angularui bootstrap typeahead 交互)上使用对象模型。从预先输入的内容中选择某些内容时,它可以完美运行,但在加载时会显示[object Object] 如何获取输入以在加载时显示模型对象的属性?

0 投票
0 回答
202 浏览

javascript - angular-ui/bootstrap:有没有办法获得类似“onDialogOpen”的东西?

我使用 ui-bootstrap 在我的控制器中打开一个模式对话框,我需要知道对话框何时打开(部分 html 已添加到 dom)。在我的特殊情况下,我需要让 OpenLayers 找到相应的地图 div。

我不能使用 dialog.open() 返回的承诺对象,因为关闭对话框时会调用“成功”。

到目前为止我有两个控制器

  • 主控件
  • 对话框控件

有没有办法弄清楚上面提到的事件?

提前致谢!

0 投票
2 回答
10528 浏览

angularjs - 使用对象名称预先输入

我正在尝试设置一个typeahead使用AngularJSUI 引导程序,如下所示:

.html

.js

目前,我已经能够使用所选名称更新模型,但我的目标是通过typeahead. 有没有一种只使用输入的干净方法来做到这一点?

0 投票
3 回答
9342 浏览

angularjs - angularjs从指令调用模态对话框

我创建了一个指令来打开一个模式对话框。这是代码:

[编辑] JSFIDDLE:http: //jsfiddle.net/graphicsxp/fcQZk/8/

问题:关闭按钮不会关闭模式。

});

这很好用。现在,在对话框中,我使用了另一个指令:

和js:

但是 $dialog.close(result) 没有做任何事情。我注意到 $scope.close 为空。我怀疑这与注射有关。我将 $dialog 注入到 searchPerson 指令中,而我想我应该使用从 person 指令打开的对话框。我只是不知道...有什么想法吗?

[编辑 2]

我已经用指令 searchPerson 替换了模态的模板。现在我没有范围问题(请参阅更新的 jsfiddle)。但是关闭按钮仍然不起作用!错误是:

似乎 $dialog 没有在 searchPerson 指令中正确注入....

0 投票
1 回答
11359 浏览

angularjs - 将 Angular UI-Bootstrap Typeahead 限制为特定对象属性

我有以下Angular UI-Bootstrap typeahead工作得很好:

不过,它几乎工作太好了。我能够显示stuffs.name用于typeaheadAND 中选择完整stuff对象的目的stuffs。问题是 my$viewValue匹配所有属性,stuff而不仅仅是stuff.name. 我试过在没有运气的情况下将其添加.name到各个地方。typeahead有没有一种直接的方法来显示和匹配,.name但仍然返回整个对象?

0 投票
1 回答
2180 浏览

angularjs - angularjs:在 ui-bootstrap 模式中使用指令

我不知道如何从使用 $dialog 服务创建的模式中调用指令。该指令还应该能够看到模式上的按钮并覆盖它们的 ng-click 操作。

这是我的模态模板:

searchPerson 指令模板:

searchPerson 指令本身:

searchPerson 控制器:

最后是模态控制器:

那么如何让 searchPerson 控制器和模态控制器相互通信呢?

0 投票
4 回答
21359 浏览

angularjs - 如何禁用 angular-ui 引导选项卡?

我正在尝试在 angularjs 和 angularjs bootstrap 中创建一个多步骤表单。

我有以下 html 代码,每个步骤上的按钮都可以验证当前选项卡并移至下一个选项卡。我正在寻找的是每个选项卡的“禁用”状态,当表单在当前状态“isStepClean(0)”下未验证时,该状态将设置为 true。

我试过使用 class="disabled" 和 disabled 作为属性,但没有用。任何想法如何做到这一点?

在控制器中我有: