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

javascript - 角度引导对话框永远不会打开

我有以下代码:

这在如下指令中使用:

此代码打印 bar,但从不打印 foobarbazz。如果我将调试粘贴到角度引导程序中,它会进入 open 方法,并返回承诺,但从不打开对话框。

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

为什么?

0 投票
3 回答
28687 浏览

angular-ui-bootstrap - 在弹出窗口中使用 angular-ui-bootstrap datepicker 和 timepicker

我需要我的用户能够在输入字段中选择特定的日期时间。

我想使用 angular-ui-bootstrap 库,因为它避免了 Jquery 依赖。问题是,即使它包含一个日期选择器和一个时间选择器,似乎也不可能将它们放在具有良好布局的弹出窗口中。

我找到了一个组件,它完全可以用 angular-ui-bootstrap 做我想做的事情:http: //www.malot.fr/bootstrap-datetimepicker/demo.php

问题是它使用 Jquery,我们需要包含很多 javascript 文件,这使得页面有点重,只是为了满足这个需要......

我在 angular-ui-bootstrap github repo 中进行了调查,发现这个问题包含一个 plunker 示例,它部分解决了我的问题,但是对于这个示例,不可能选择时间。

有谁知道目前是否可以使用 angular-ui-bootstrap datepicker 和 timepicker 来选择日期时间?

0 投票
5 回答
88198 浏览

angularjs - $watch 不会在数据更改时触发

我有一个针对 ui-select2 下拉列表模型的手表设置(来自 ui-bootstrap)。手表会在加载时触发,但不会在数据更改时触发,我不知道为什么。

这不是不 $apply 模型更改或不使用第三个参数进行相等比较的常见问题(至少从我的代码中)。

我需要做什么才能让它着火?

这是一个演示这个问题的plunk。

0 投票
0 回答
291 浏览

angularjs - 来自 Web 服务的 AngularJS 对象

我在客户端上定义了一个模型。

我正在使用 ngGrid 来显示数据。

我在控制器中所做的非常简单。调用服务并在 ng 网格中填充数据。

我所有的酒店都是同一类型。如果没问题,网格中的第一行。

10 - 最佳酒店

但其他行的描述为空

11 -

12 -

在查看我从服务中得到的东西时,我注意到我得到了一系列很好的酒店。Hotels[0].Type 是一个 $id = 2 的对象,具有所有属性(描述:“最佳酒店”等)。但是,hotels[1].Type 只有一个属性 $ref“2”。其他酒店的所有其他类型也是如此。我相信这就是 ng grid 仅在第一行显示描述的原因。

有谁知道如何解决这个问题?

我想在 ng 网格的所有行中看到描述..

谢谢你。

0 投票
1 回答
2123 浏览

angularjs - 修改手风琴使其表现得像一张桌子

4 个小时以来,我一直在尝试修改手风琴模板,使其看起来和感觉像一个表格行。本质上,我想要一个表,其中每个行元素都是一个手风琴组,单击该表将折叠/显示有关该特定项目的更多详细信息。

我希望它有类似的感觉(请原谅糟糕的标记,只是一个演示):

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

到目前为止,这可能是我最接近的:

http://plnkr.co/edit/0tD8xcHJknTQhXQgABXJ?p=preview

有人可以逐步启发我如何使手风琴看起来像桌子吗?

0 投票
1 回答
401 浏览

angularjs - 工具提示错位在 ng-repeat 中

下面显示了正确位置的工具提示文本:

下面显示半屏下方的工具提示(增加每个元素的距离)

它是用 HAML 编写的,因此在纯 HTML 中,最后两行如下所示<span tooltip="TEST">test</span>

这些points是使用Rails $Resource获取的,但是当我使用常规 $resource 时我遇到了同样的问题。

我正在使用来自Angular UI Bootstrap的工具提示指令。该应用程序是在 Ruby on Rails 4.0 中构建的,并使用 angularjs-rails gem(不稳定)。

我最好的猜测是我网站上的 CSS 有点太复杂了,我需要找到一种方法来在加载后重新处理这些工具提示。

0 投票
1 回答
26646 浏览

angularjs - 在 AngularJS BootstrapUI Typeahead 中,$viewValue 是什么?

我正在尝试使用http://angular-ui.github.io/bootstrap/在 Angular 中实现 typeahead

似乎应该很容易,但我收到以下错误:

全局符号$viewValue需要明确的包名。

是什么$viewValue?好像没有定义。

谢谢

0 投票
6 回答
76414 浏览

angularjs - 具有对象和选择功能的 AngularJS BootstrapUI Typeahead

我正在尝试使用http://angular-ui.github.io/bootstrap/在 Angular 中实现 typeahead ,其中 typeahead 字段显示完整地址,但一旦单击另一个字段,则仅填充该地址的邮政编码。我正在尝试为此使用 ng-change 或 ng-click,但没有任何成功..

http://jsfiddle.net/UxTBB/2/

有任何想法吗?

0 投票
1 回答
1112 浏览

angularjs - UI Bootstrap 的 typeahead 拒绝遍历对象

根据官方 ui-bootstrap 上的文档,typeahead 指令“使用与select 指令相同、灵活的语法”

但不幸的是,typeahead 指令似乎拒绝使用以下支持的语法列表遍历对象源select

我认为 UI-Bootstrapui-bootstrap-tpls-0.4.0.js需要进行编辑(在 line 附近2749)以允许这种功能

所以我的问题是实现这个功能的角度和 ui-bootstrap 友好的方法是什么,(我可以通过用.length更对象友好的东西替换来做到这一点,但我想有更多更好的方法来支持select对象数据源语法,我无法提供)

谢谢,

0 投票
1 回答
2814 浏览

angularjs - UI-bootstrap typeahead 无法解决承诺

问题描述

嗨,我对 UI-Bootstrap 的预输入有疑问,主页上有一个标准示例演示了预输入的用法:

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

这个例子工作得很好,直到我开始使用带有typeahead指令的承诺: http ://plnkr.co/edit/ZuUBDOPcOJIW0Bkskrb5?p=preview

更改非常简单,我使用 $timeout 服务将直接变量初始化替换为延迟初始化,结果 typeahead 停止工作

问题:

我究竟做错了什么?明确指出 UI-Bootstrap 的 typeahead:works with promises and it means that you can retrieve matches using the $http service with minimal effort

谢谢,