问题标签 [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.
javascript - 角度引导对话框永远不会打开
我有以下代码:
这在如下指令中使用:
此代码打印 bar,但从不打印 foobarbazz。如果我将调试粘贴到角度引导程序中,它会进入 open 方法,并返回承诺,但从不打开对话框。
http://plnkr.co/edit/tNokVEbRds78tBaVZtLH?p=preview
为什么?
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 来选择日期时间?
angularjs - $watch 不会在数据更改时触发
我有一个针对 ui-select2 下拉列表模型的手表设置(来自 ui-bootstrap)。手表会在加载时触发,但不会在数据更改时触发,我不知道为什么。
这不是不 $apply 模型更改或不使用第三个参数进行相等比较的常见问题(至少从我的代码中)。
我需要做什么才能让它着火?
angularjs - 来自 Web 服务的 AngularJS 对象
我在客户端上定义了一个模型。
我正在使用 ngGrid 来显示数据。
我在控制器中所做的非常简单。调用服务并在 ng 网格中填充数据。
我所有的酒店都是同一类型。如果没问题,网格中的第一行。
10 - 最佳酒店
但其他行的描述为空
11 -
12 -
在查看我从服务中得到的东西时,我注意到我得到了一系列很好的酒店。Hotels[0].Type 是一个 $id = 2 的对象,具有所有属性(描述:“最佳酒店”等)。但是,hotels[1].Type 只有一个属性 $ref“2”。其他酒店的所有其他类型也是如此。我相信这就是 ng grid 仅在第一行显示描述的原因。
有谁知道如何解决这个问题?
我想在 ng 网格的所有行中看到描述..
谢谢你。
angularjs - 修改手风琴使其表现得像一张桌子
4 个小时以来,我一直在尝试修改手风琴模板,使其看起来和感觉像一个表格行。本质上,我想要一个表,其中每个行元素都是一个手风琴组,单击该表将折叠/显示有关该特定项目的更多详细信息。
我希望它有类似的感觉(请原谅糟糕的标记,只是一个演示):
http://plnkr.co/edit/VX0tRxIuKzoz0cKy39PY?p=preview
到目前为止,这可能是我最接近的:
http://plnkr.co/edit/0tD8xcHJknTQhXQgABXJ?p=preview
有人可以逐步启发我如何使手风琴看起来像桌子吗?
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 有点太复杂了,我需要找到一种方法来在加载后重新处理这些工具提示。
angularjs - 在 AngularJS BootstrapUI Typeahead 中,$viewValue 是什么?
我正在尝试使用http://angular-ui.github.io/bootstrap/在 Angular 中实现 typeahead
似乎应该很容易,但我收到以下错误:
全局符号
$viewValue
需要明确的包名。
是什么$viewValue
?好像没有定义。
谢谢
angularjs - 具有对象和选择功能的 AngularJS BootstrapUI Typeahead
我正在尝试使用http://angular-ui.github.io/bootstrap/在 Angular 中实现 typeahead ,其中 typeahead 字段显示完整地址,但一旦单击另一个字段,则仅填充该地址的邮政编码。我正在尝试为此使用 ng-change 或 ng-click,但没有任何成功..
有任何想法吗?
angularjs - UI Bootstrap 的 typeahead 拒绝遍历对象
根据官方 ui-bootstrap 上的文档,typeahead 指令“使用与select 指令相同、灵活的语法”
但不幸的是,typeahead 指令似乎拒绝使用以下支持的语法列表遍历对象源select
我认为 UI-Bootstrapui-bootstrap-tpls-0.4.0.js
需要进行编辑(在 line 附近2749
)以允许这种功能
所以我的问题是实现这个功能的角度和 ui-bootstrap 友好的方法是什么,(我可以通过用.length
更对象友好的东西替换来做到这一点,但我想有更多更好的方法来支持select
对象数据源语法,我无法提供)
谢谢,
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
谢谢,