问题标签 [angular-ui-bootstrap]

我有一个我建议城市的文本框。我已经使用了 angualar-ui typeahead 的建议。现在一切似乎都运行良好。

只是当我使用 $scope.cancel 通过角度重置表单时，它不会反映在 UI 上，而且模型似乎也没有重置为正确的值，因为表单似乎很脏。对于没有预先输入的字段工作得很好。

有人遇到过这个吗？

代码：

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

我在我当前的项目中使用angular-ui-bootstrap，并且我需要一个弹出框，它允许用户对给定元素采取一些操作（重命名/编辑/删除/等...）。由于 angular-ui 的引导弹出框默认情况下不允许自定义 html 或数据绑定，因此我复制了他们的工具提示/弹出框.provider，并.directive努力根据我的需要对其进行自定义。

主要问题：关闭并重新打开弹出窗口后，ng-click 绑定丢失。

第二个问题：可以设置双向数据绑定，这样我就不必手动设置了scope.$parent.$parent.item吗？

Plunker：http ://plnkr.co/edit/HP7lZt?p=preview

让我们一目了然对原始版本进行了哪些更改tooltip.js：

• 弹出框.directive是修改最多的：

• 工具提示.provider仅在此处更改，以使双向绑定在该title字段中起作用：

感谢任何帮助，我觉得编译的指令和提供者在开始使用 Angular 时似乎是很大的心理障碍。我一直在尝试找出并操作这个指令，以便我可以从中学习，就像实际需要组件本身一样。

我在我的应用程序的“索引”页面上使用AngularUI Typeahead 。我没有做任何花哨的事情 - 事实上，我只是想让他们在他们的 UI 网站上建立的示例正常工作，我收到了这个错误：

我不知道这意味着什么，但只有当我有以下代码时才会发生：

如果相关，我的主页控制器（通过索引目录调用$routeProvider）/：

请注意，页面上的控制器的其余部分工作得很好，只是$scope.selected/$scope.states造成了麻烦。我无法弄清楚错误的含义，因此故障排除非常困难！

有任何想法吗？

编辑这是我的 HTML 模板：

它绝对与typeahead脚本有关，我可以删除typeahead="state for state in states | filter:$viewValue"并且脚本可以工作（尽管显然该typeahead函数没有......）

我很好奇是否有办法覆盖 ui-bootstrap-tpls 文件中的单个特定模板。绝大多数默认模板都符合我的需求，但是我想替换几个特定的​​模板，而无需经历获取所有默认模板并将它们连接到非 tpls 版本的整个过程。

我正在尝试使用 AngularJS + UI Bootstrap Typeahead 用对象的 name 属性填充输入字段，而在发送表单时我需要使用该对象的 id 属性。

问题是，当我尝试使用一些以前保存的值预加载输入时 - id 属性的值显示在输入中，而不是 name 属性的值。

jsFiddle

如何预加载 name 属性的值并仍然保留所需的功能？

我似乎无法在角度引导选项卡集中设置初始选项卡。它总是将最左边的选项卡设置为活动状态。

给定html：

和js：

见Plunker

2013 年 8 月 6 日更新：现在已修复上游，请参阅github 问题。

我正在显示 ng-include 中的元素列表。元素列表来自使用$resource query服务的服务器。
该列表使用ui-bootstrap 分页指令进行分页。服务器在 Json 标头中发送分页信息（属性名为 X-MyApp-...），并被query回调函数拦截。

这是html：

tplList.html ：

和控制器：

和服务：

一切正常，除了一件事：当页面加载时，分页组件内的第一页按钮（“1”）没有像应有的那样被禁用（并且“上一个”和“第一个”按钮也没有）。直到我单击另一个页码（选择时正确禁用）然后单击第一页按钮后，它才会被禁用。

任何想法 ？

Using typeahead, I am trying to set a couple of options, which are available as standard Bootstrap typeahead options

Using the following code, I'm able to set the "minLength" property by putting it in-line as "typeahead-min-length", but doing the same with "items" as "typeahead-items" does not. Is there a different/better/standard way to do this? Is there a way to attach an array of options to $scope?

Update: I'm trying to stick with just AngularJS, and not use jQuery

This is my controller:

Javascript 控制台中没有错误，所有资源似乎都在加载，但是单击输入文本字段时不会弹出日期选择器。

应用程序.js

HTML

index.html 资源

我正在尝试获取预先输入的结果并将其粘贴到引导警报中。我希望用户能够从预先输入的选择中选择多次，并让它创建多个引导警报。

这是我的样本。目前这两个问题是：

1. 警报不起作用，即使作为样本

2. Alert 和 Typeahead 没有互相交谈

   jsfiddle

我的html：

我的 JS：

用户选择建议的自动完成后，用户选择的结果会显示为：{{selected| json}}。我希望该选择保留在 DOM 中，并允许用户再选择一项。然后，我想让用户能够删除选择（单击按钮或 [x]）。

在我看来，实现这一点的一种方法是使用（ui.bootstrap.alert）来记录用户的选择。

如果这在不使用警报的情况下是可能的，那也很好。