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

angularjs - Angular Bootstrap:如何根据子元素的触发器显示弹出框?

演示小提琴

我想为整个字段组使用弹出框显示一些帮助文本,而不是针对每个单独的input.

在小提琴中,我只是使用mouseenter触发器来展示它的外观,但我真正想要的是focus为任何输入触发它,但根据父元素定位弹出框。

在非角groupenter域中,当任何一个字段处于焦点时,我会触发一个自定义事件(例如),并让弹出框监听该事件。我还会对相应的groupleave事件进行去抖动处理,这样当我在输入周围进行选项卡时,弹出框不会闪烁。

在这里实现这一点的角度-y方式是什么?

(我认为这个补丁有帮助,但它是几天前才提交的)

0 投票
3 回答
7485 浏览

angularjs - AngularJS 显示来自 routeProvider 的对话框

是否可以[执行功能] 例如,当请求某个路线时,从 routeProvider 打开一个模式对话框窗口?

PS:我想取消一条路线,而是打开一个对话框。打开对话框并不是唯一的问题。取消路线是主要问题。

0 投票
8 回答
90462 浏览

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

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

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

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 投票
3 回答
5364 浏览

angularjs - IE10 中的 Angular UI Bootstrap 进度条

我正在使用 Angular UI Bootstrap 来显示进度条。在 IE 中我的网站出现问题后,我在Angular UI Bootstrap 网站上查看了 IE并注意到以下内容:

  • 进度条在 IE10 中不起作用

  • 当我使用开发人员工具切换到 IE9 浏览器模式时,进度条工作

因为这对我来说似乎很奇怪,新版本打破了进度条,我想我在这里问。

  • 这个问题是已知的,还是我的一些奇怪的浏览器设置导致了这个?
  • 有没有一种解决方法可以让进度条在 IE10 中工作?

编辑

该问题已在较新版本的 Angular UI Bootstrap 中得到修复。

0 投票
2 回答
1458 浏览

angularjs - 如何在 Angular Bootstrap UI 中从一开始就使选项卡处于活动状态?

我正在尝试使其中一个选项卡处于活动状态(选项卡已经在模板中),具体取决于一些 url 参数。不幸的是,默认情况下它总是激活在 html 模板中找到的第一个,即使我在本例中使用 ng-repeat 也是如此。

这不起作用:

这是一个小提琴:http: //jsfiddle.net/alexrada/KFAXH/5/

0 投票
1 回答
1829 浏览

javascript - Angular 扩展 ui.bootstrap.progressbar 以支持进度条上的一些文本

我正在使用ui.bootstrap.progressbar(这里的代码:https://github.com/angular-ui/bootstrap/blob/master/src/progressbar/progressbar.js),我正在尝试扩展它以支持一些进度条上的自定义 HTML(或只是文本)。在 vanilla Bootstrap 中看起来像这样:

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

我是指令新手,所以我尝试了以下方法:

ProgressBarController我添加了一个label变量

var label = angular.isDefined($attrs.label) ? $scope.$eval($attrs.label) : '';

还修改了控制器返回的对象以包含标签。然后bar.label像这样在指令的模板中添加:

进度条看起来很好,但我看不到标签的值。

我究竟做错了什么?提前致谢。

0 投票
1 回答
238 浏览

javascript - bootstrap 2 插件与 bootstrap 3 标记的兼容性如何

我即将使用 angular 和 bootstrap 启动一个新应用程序。bootstrap 的 jquery 依赖插件有角度端口,但仅适用于 v2。有没有使用 bootstrap 2 和 3 经验的人知道,从广义上讲,v2 插件是否仍应与 bootstrap 3 的标记一起使用(即 bootstrap 3 是否坚持与 bootstrap 2 类似的 html 和类约定)。

0 投票
2 回答
8858 浏览

javascript - 如何从 AngularJS Bootstrap 模式中的 AJAX 调用加载 JSON 数据

我想创建以下内容。有一个按钮,单击该按钮会从 Angular Bootstrap [1 打开一个对话框/模式,然后在应用程序从服务器获取 json 数据时显示一个加载指示器,然后将该数据显示在对话框内容中。

我在想我会制作一个对话框模板,其中包含 json 数据的解析代码,例如,一些 ng-repeat 以将其呈现为列表。

我不清楚:

  1. 在这个过程中,我应该在哪里添加一个负载指示器(比如说 spin.js)。我希望能够从我假设的控制器中引用对话框模板中的一些 div?
  2. 我在什么时候进行 ajax 调用
  3. 如何将该数据传递给模板并对其进行解析
0 投票
1 回答
39700 浏览

angularjs - Bootstrap-UI Typeahead 在结果列表中显示多个属性?

我正在使用 ui-bootstrap 预输入。它工作得很好!但是,我想知道是否可以在结果列表中显示多个属性甚至 HTML。典型问题:搜索返回多个具有相同值的对象。例如,搜索 'amazing grace' 返回 ['amazing grace', 'amazing grace'] 其中一个是电影,一个是歌曲。我希望结果列表更像:

...所以用户确切地知道他们在选择什么。更好的是标题旁边的图标。换句话说,列表中的每个结果都包含一些 HTML。这些中的任何一个都可以开箱即用吗?