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

angularjs - Angular UI Bootstrap 模式

我正在使用 Angular UI Bootstrap 模式(ui.bootstrap.dialog)并且我有背景:true 和背景点击:true。

但是当用户点击离开模式时,我不仅要执行关闭,还要执行其他功能。

我正在查看源代码,认为我可以覆盖 Dialog.prototype._bindEvents 但没有任何运气。

我也认为这可能是原始引导模式中的“隐藏”事件,但我无法捕捉到这个事件。

有没有办法定义一个在背景点击时执行的函数,以及如何去做。

谢谢--MB

0 投票
2 回答
15252 浏览

angularjs - angular-ui bootstrap 手风琴:我如何正确地 $watch is-open 属性?

当特定的手风琴部分打开时,我正在尝试执行一项操作。我的用例与这里的这个问题几乎相同,只是我使用的是静态定义的而不是 ng-each。

当 is-open 状态发生变化时,我无法让 $watch 触发,谁能告诉我为什么这不起作用:

看法:

控制器:

这是一个笨蛋:

https://plnkr.co/edit/Ycms81?p=preview

它在页面加载时打印一次“watch acc1:false”,但在打开手风琴组时不打印。

0 投票
1 回答
706 浏览

angular-ui-bootstrap - 图像映射区域上的 Angular-ui.bootstrap 工具提示

我正在尝试在图像地图区域上放置一个工具提示,它看起来不受支持,有没有办法让它在那里呢?

在这个plunker中,第二只小猫有一个工作图像映射,但上面没有工具提示......

0 投票
1 回答
1103 浏览

angularjs - Angular UI Bootstrap - 模态不会在第一次点击时弹出

我正在尝试为登录/注册表单制作一个模式,并想做一些可重用的东西,我遇到了这篇博客文章,它通过了一个指令。我使用它以及 angular-ui-bootstrap 文档来制作我的模态。它确实有效,但是当我第一次单击按钮弹出模式时,它不起作用。我可以看到使用 Batarang 创建的范围,但没有弹出任何内容。随后的点击确实有效,如果我有 2 个按钮,无论我先按哪一个,它都不起作用,之后任何一个都起作用。

我编了一个plnkr来展示这一点。我正在使用模板等,所以我添加了这些。可以看到,按“注册”或“登录”不会弹出模态框,但是如果再次点击,模态框就会弹出。您还可以看到使用 Batarang 在第一次印刷时创建的范围。

在此先感谢您的帮助!

编辑:我发现了更多可能有用的信息。我第一次单击该链接时,将调用 scope.closeFormModal。

0 投票
3 回答
5955 浏览

angularjs - Grunt Build 不适用于 Bower 安装的组件

我正在尝试运行

从创建的目录中

我通过凉亭安装了 angular-ui-bootstrap。在本地我需要添加

到我的 index.html 和

到我的 app.js。但是,每次我尝试构建应用程序时,我都会收到此错误

38 at Array.forEach (native) TypeError: Cannot read property 'awesomeThings' of undefined at null。(/Users/nicholasshook/angular/pokerfund/angular_app/test/spec/controllers/main.js:20:17)

0 投票
2 回答
1415 浏览

angularjs - 角度向导 ng-view 和 angularui 模态

我正在使用 angular-ui bootstrap modal 组件构建 angular 向导。在我的主页中,我已经在使用 ng-views 进行导航。

目标是在其中一个页面上创建一个模式向导。据我所知,不支持嵌套的 ng-views。如果可能的话,我想将向导的每个步骤都保留为外部资源。

目前实现此目的的一种糟糕方法是达到这种效果:

显然,上述情况是不可接受的,并且会造成维护噩梦。有没有一种干净的方法来达到同样的效果?

0 投票
8 回答
90462 浏览

angularjs - 如何使用 HTML 内容创建 AngularJS UI 引导弹出框?

我想创建一个带有包含美化 JSON 对象的 pre 标记的引导弹出框。天真的实现,

在将内容插入弹出窗口之前对其进行转义。用 html 内容指定弹出框的最佳方法是什么?

0 投票
1 回答
7093 浏览

css - 为什么 angular-ui-bootstrap 中的 Tabs、Pagination、Dropdown Toggle 等上的光标不会变为指针/手?

我必须添加以下代码:

<style type="text/css">a {cursor:pointer;}</style>

在 angular-ui-bootstrap 中将光标更改为选项卡、分页、下拉切换等链接上的指针/手。

为什么默认不改为指针?这是故意的吗?这不是纯引导程序中的正常情况。

非常感谢。

0 投票
1 回答
684 浏览

angularjs - Keeping a AngularJS bootstrap popover visible as element updates

I'm using an AngularJS bootstrap popover on an element using popover-trigger='mouseenter'. The element updates using angularFire, and after an update, the popover disappears until I move my mouse (even within the element).

How can I get the popover to remain visible after an update?

0 投票
10 回答
42177 浏览

angularjs - 支持路由的 AngularJS UI 引导选项卡

我想在我的项目中使用AngularJS UI 引导选项卡,但我需要它来支持路由。

例如:

据我从源代码中可以看出,当前tabspane指令不支持路由。

添加路由的最佳方法是什么?