问题标签 [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 投票
3 回答
11044 浏览

angularjs - Angular UI:未知提供者:dialogProvider

我正在尝试复制以下带有关闭按钮的简单对话框的 Angular UI 示例。https://github.com/angular-ui/bootstrap/blob/master/src/dialog/README.md。但是,我无法将dialog参数正确注入到我的对话框控制器中。

控制器如下所示(使用 CoffeScript)

查看 Plunker 的实时版本: http ://plnkr.co/edit/ejKh7w8Sk9H7Nz3rXhdc?p=preview

Angular 给了我以下错误:

如上面提到的文档示例中所见,有关如何将dialog-parameter 注入的任何想法?DialogController我怀疑这可能与 CoffeeScript 有关,因为我对这种语言还很陌生,但是当我查看编译后的输出时,这似乎是正确的。

0 投票
0 回答
113 浏览

angular-ui-bootstrap - 如何向角度引导 UI 指令元素添加新类?

我正在尝试为 angular bootstrap UI 指令创建的元素添加一个新类。options="" 或 ng-class="" 都没有为元素添加一个新类:

从角度引导模板单击时,这会添加一个新元素。

有没有办法用新类自定义指令元素而不将它们放入容器或更改模板?

谢谢!

0 投票
6 回答
282040 浏览

angularjs - 使用 JavaScript 在 AngularJS Bootstrap UI 中调用模式窗口

使用此处提到的示例,如何使用 JavaScript 而不是单击按钮来调用模式窗口?

我是 AngularJS 的新手,并尝试在这里这里搜索文档,但没有运气。

谢谢

0 投票
4 回答
138254 浏览

angularjs - 带有 angular-ui 引导的响应式下拉导航栏(以正确的角度方式完成)

我使用 angular-ui-boostrap 的模块“ui.bootstrap.dropdownToggle”创建了一个带有下拉导航栏的 JSFiddle:http: //jsfiddle.net/mhu23/2pmz5/

据我了解,这是实现此类下拉菜单的正确、有角度的方式。就 angularjs 而言,“错误”的方式是包含 bootstrap.js 并使用“data-toggle="dropdown"...我在这里吗?

现在我想向我的导航栏添加响应行为,如下面的小提琴:http: //jsfiddle.net/ghtC9/6/

但是,我不喜欢上述解决方案。这家伙包括 bootstrap.js!

那么向我现有的导航栏添加响应行为的正确角度方式是什么?

我显然需要使用引导响应式导航栏类,例如“nav-collapse collapse navbar-responsive-collapse”。但是我不知道怎么...

我真的很感谢你的帮助!

先感谢您!迈克尔

0 投票
1 回答
9399 浏览

angularjs - Angular UI 对话框 - 从对话框关闭和重新打开会导致背景

我正在尝试从实际对话框控制器的视图中关闭并重新打开一个对话框。最终发生的是对话框关闭/打开后,它不会再次正确关闭。Escape 在某些浏览器上有效(但覆盖仍然存在),单击背景可能会导致对话框关闭但覆盖将保留(取决于浏览器)。

问题:如何从对话框控制器上的函数/按钮/事件关闭/重新打开对话框,并且对话框的关闭工作正常(在转义或单击背景时)。

下面的演示只是一个简化的示例,它演示了这个问题,因为我将执行下一个/上一个,我想关闭/打开这些点击,但是我遇到了无法退出模式的问题。

这是在线演示: http: //plnkr.co/h8djNiSlH6c7d8SNzMmb

  1. 打开对话框
  2. 关闭对话框 - 工作正常,除了 IE(另一个问题)。
  3. 打开对话框
  4. 单击对话框内的按钮以关闭/重新打开
  5. 尝试关闭对话框

控制器:

我已经使用 angular bootstrap v0.2.0 和 v.0.3.0 进行了尝试,所以它要么是一个错误,要么是我在如何编写逻辑方面缺少一些东西。

0 投票
2 回答
1559 浏览

angularjs - 在路线更改时使用全屏模式

我想实现一个完整的页面模式,当路由被触发时,它会立即覆盖在另一个页面上。我怎样才能在 AngularJS 上做到这一点?我使用 Angular-UI 的 modal 指令来打开模态,但我对其他选项持开放态度。

0 投票
1 回答
1162 浏览

angularjs - 如何修改 angular ui.bootstrap.buttons 模块中的按钮配置(buttonConfig)?

查看 angular-ui 引导代码,我注意到按钮配置被传递到指令中。配置定义了活动类和切换事件。我想在不修改 angular-ui 引导代码的情况下修改这些。使用此指令时如何传入我自己的配置?

以下是 angular-ui bootstrap 提供的代码:

0 投票
1 回答
11048 浏览

javascript - Angular UI.Bootstrap 的单选按钮在 ng-repeat 中表现得很奇怪

我在 Angular 的 ui.bootstrap 中为无线电模型动态生成选项时遇到问题。我想我可以简单地对一个数组进行 ng-repeat,将它的内容用于 btn-radio 属性,如下所示:

我正在使用 angular 1.1.4 和 ui.bootstrap 0.3.0。

这是我努力的一个 jsfiddle,如您所见,单选按钮独立运行,不影响 radioModel 变量。

谢谢!

0 投票
3 回答
1693 浏览

angularjs - 在 AngularUI 的 Collapse 指令中使用条件语句

我可以将条件语句放入collapseAngularUI 的指令中吗?

我有以下设置,它有 3 个单选按钮:

我想textarea根据radioPurpose按钮的值显示/隐藏。我知道该语句true在适当的时间进行评估,但指令始终显示textarea.

0 投票
3 回答
2178 浏览

angularjs - 从 AngularUI 的 Bootstrap Typeahead 捕获“更新程序”操作

如何从AngularUIUI Bootstrap指令中捕获“更新程序”事件?

我已经定义了我的 HTML:

...以及我的相关功能:

当用户单击弹出窗口中的 ID 时,我想采取其他操作(自动填写表单)。如果原始 Bootstrap 我会使用“更新程序”:

我尝试过各种听众,例如:

但我没有办法让我捕捉到这样的事件。选择预输入选项后,有什么方法可以采取额外的措施吗?