问题标签 [angular-ui]

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 投票
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 投票
1 回答
8074 浏览

angularjs - AngularUI select2 onChange 方法

我该如何做一些事情:

在我的控制器中,我定义了 onChange(select2OnChangeData) 。

我试着添加这个

到 angular-ui,但这改变了范围变量并破坏了其余的功能。

我真的不想这样做:

.on("改变", 函数(e)

0 投票
1 回答
583 浏览

twitter-bootstrap - angularjs boostrap手风琴无法解析标题

我直接从http://angular-ui.github.com/bootstrap/的 Accordion 部分复制了演示代码,除了 header="{{group.title}}" 不能解析 title 属性之外,它都可以工作。在我的网页上,我正确获得了手风琴正文,但 {{group.title}} 显示为标题。我究竟做错了什么?

0 投票
1 回答
614 浏览

angular-ui - 在 AngularUI 中使用 ui-select2 指令操作 select2 中的列表值

我正在尝试从控制器一侧设置 select2 的值。问题是当我使用 ng-options 时,模型值的变化不会反映在 select2 列表中。

html:

js:

这是小提琴

http://jsfiddle.net/je_et/6yyqg/

0 投票
5 回答
4490 浏览

angularjs - 带有标签的 Angular UI select2 在自定义指令中不起作用

使用 Angular UI Select2 指令,在输入字段上定义标签。如果输入本身在自定义指令中,则它没有正确初始化并且控制台给出错误:

query function not defined for Select2 tagging

我怀疑这可能与指令的编译/链接顺序与调用 select 2 函数的顺序有关。

也许有一个简单的解决方法,也许使用编译函数或指令控制器而不是链接函数?或者可能是 Angular UI select2 指令的问题。

我做了一个显示问题的 plunker:

http://plnkr.co/edit/myE5wZ

所以我的问题是 - 你如何让 select2 标签在自定义 Angular 指令中工作?

0 投票
3 回答
9218 浏览

javascript - 无法选择 ui-select2 创建的列表中的项目

在我的 HTML 中,我有这一行:

privsSelect2options功能:

当我输入 3 个字母时,一切正常,它过滤结果并显示正确,但我无法单击并从结果列表中选择任何项目。任何人都可以在这件事上帮助我吗?它甚至没有进入formatSelection功能。

0 投票
7 回答
85028 浏览

javascript - 在 Angular 中处理 Accordion 的打开/折叠事件

如果我有这个代码:

使用 AngularJS、angular-ui 和 Twitter Bootstrap,是否可以让手风琴在打开时调用一些动作?我知道我不能简单地添加ng-click,因为它在“编译”为 HTML 以打开/折叠组之后已经使用。

0 投票
1 回答
798 浏览

angularjs - 需要 Testacular Angular UI 引导程序“指令”

我正在尝试对使用 Angular UI-Bootstrap 对话框指令的控制器进行单元测试,但收到错误:需要参数“指令”错误。

一旦我将ui-bootstrap.min.js文件包含在 Testacular 配置中,这实际上就会发生。

控制器定义为:

单元测试是:

在集成 UI-Bootstrap 之前,所有测试都通过了。

我尝试将beforeEach(module('ui.bootstrap'));和其他变体添加到测试中,但没有成功。

我缺少什么魔法来完成这项工作?

0 投票
1 回答
615 浏览

jquery - Angular-UI jQuery Passthrough 与 angular.element()

Angular-UI Jquery Passthrough 和 angular.element() 提供的功能是什么?

它们可以互换吗?jQuery 是否通过 angular.element() 的任何附加选项?

有什么好的例子可以展示每个在 ng-app 中的强大功能吗?