问题标签 [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 回答
3800 浏览

javascript - 如何将 $scope 对象注入对话框模板?

我有这个plunker和一个对话框示例,该示例使用选项对象的 resolve 属性,基于 this example
基本上我想做的是传递要在对话框模板中使用的标题变量:

使用对话框选项对象的 resolve 属性:

然后将其注入对话框控制器并将其分配给 $scope 变量:

但我得到这个错误:

错误:未知提供程序:azertyProvider <- azerty

0 投票
1 回答
8884 浏览

angularjs - 带有模板URL的AngularUI消息框

我正在使用angular-ui / bootstrap $dialog 服务

可以加载部分内部消息框吗?我会使用标题和页脚,只更改消息参数。因此,没有必要在部分模板中包含页眉和页脚。

在此示例http://plnkr.co/edit/ttobdpirZlnEQBE3LOeZ中,通过单击“味精产品”说明了我期望的行为。

0 投票
2 回答
9629 浏览

angularjs - Angular UI Bootstrap Modal 不适用于 ng-include

现场示例:http ://plnkr.co/edit/wWS3UFB3IZ0cAI4u2x04?p=preview

单击“打开模式1”时,会抛出以下错误:

错误:Dialog.open 预期的模板或 templateUrl,均未找到。使用选项或打开方法来指定它们。

但是,不使用 的模态 2ng-include可以正常工作。

此外,如果ui-bootstrap-tpls-0.1.0.js包含而不是ui-bootstrap-tpls-0.2.0.js,则一切正常。

有任何想法吗?

0 投票
2 回答
10498 浏览

angularjs - Angular UI Bootstrap Modal 去除 id 和 class 属性

现场示例

添加以下Angular UI Bootstrap 模式

结果是:

为什么idclass属性被剥离?

我想在对话框上设置一些 CSS 样式,例如对话框的宽度,或者为一些对话框的内部元素设置样式。我怎么能做到这一点?

0 投票
2 回答
4666 浏览

angularjs - 异步加载 AngularUI 引导程序

现在一切都非常“新鲜”。我有角种子项目,我正在使用异步索引页面。当我为 angular-bootstrap 添加参考时,它爆炸了。当我不加载异步样式时,这不会发生。

如何将 AngularUI 引导程序与 $script 加载程序一起使用?

我得到的错误是:

更新

我的代码实际上只是种子模板,使用 index-async.html 文件。然后我添加(或尝试)bootstrap-ui。相关部分是:

然后在 app.js 我做:

0 投票
3 回答
4886 浏览

angularjs - angular-ui IE8 手风琴

在 IE8 中使用 Angular-UI 引导手风琴时,选项卡不会展开。这是我使用 IE 8 的 F12 收到的错误

有没有人遇到过类似的问题并能够解决?

0 投票
2 回答
34635 浏览

angularjs - 以编程方式控制 angular-ui 手风琴的好方法是什么?

我正在使用来自http://angular-ui.github.com/bootstrap/的手风琴指令,我需要更好地控制手风琴何时打开和关闭。

更准确地说,我需要手风琴组内的一个按钮,该按钮将关闭其父手风琴并打开下一个手风琴(所以基本上模仿如果 close-others 设置为 true 时单击下一个标题会做什么)。在允许关闭手风琴并打开下一个手风琴之前,我还需要进行一些验证,并且我还需要将其连接到手风琴标题上的单击事件。

我对 Angular 很陌生,我们目前正在将应用程序从 Backbone+JQuery 重写为 Angular。在 Backbone 版本中,我们使用 Twitter Bootstrap 手风琴,并使用 JQuery 打开和关闭它们。虽然我们仍然可以继续这样做,但我宁愿完全摆脱 JQuery DOM 操作,所以我正在寻找一个纯粹的角度解决方案。

我在验证方面尝试做的是

在我的控制器中

这显然不起作用,因为 DOM 元素被指令替换并且从未添加单击处理程序。我一直在查看源代码(并发现了一些非常好的未记录功能),但我什至不知道从哪里开始解决这个特定的挑战。我正在考虑分叉 angular-ui 并尝试将此功能添加到手风琴指令中,但如果我可以在不修改指令的情况下实现这一点,那就更好了。

0 投票
2 回答
1177 浏览

twitter-bootstrap - AngularUI typeahead 插件是否允许任何类型的值?

我有一个 <input> 使用Bootstrap typeahead 和 Angular UI 指令。下拉列表中值的显示和选择工作正常。

但是,当我在输入中键入不是下拉选项之一的值时,该值不会绑定到模型属性。然而,我输入的内容仍保留在输入中,就好像它是有效输入一样。

在下面的示例中,当我在输入中键入不是 autocomplete.referrers 数组中的选项的文本时,此文本不会绑定到 registration.referrer。

我是否正确配置了输入?

也许对随机文本输入的限制是设计使然?

如果您能回答这个问题,非常感谢。

0 投票
5 回答
63981 浏览

angularjs - 如何判断在 Angular-UI 中选择了哪个引导选项卡

在Angular UI中使用 Bootstrap 选项卡时,有没有办法知道选择了哪个选项卡?

我尝试查看窗格数组,但切换选项卡时它似乎没有更新。可以在选择选项卡时指定回调函数吗?

更新代码示例。

该代码非常遵循 Angular UI 引导页面中的示例。

标记:

控制器:

0 投票
4 回答
42362 浏览

angularjs - Angular UI Bootstrap 对话框宽度

Angular UI 引导对话框易于实现,但难以定制。

你到底是怎么改变宽度的?甚至最大宽度?

http://angular-ui.github.com/bootstrap/#/dialog

我已经尝试过$dialog.dialog({width:600})和其他变化,但没有快乐。