问题标签 [angular-ui-typeahead]

我试图弄清楚如何在 UI-Bootstrap 的 typeahead 下拉列表中对结果进行分组：

有没有简单的方法来支持它？

所以，我认为这比 angular-ui 更像是一个引导问题，但我花了 2 个晚上在这个问题上，我找不到隧道尽头的光。

这是 plunkr： http ://plnkr.co/edit/n39LVjbHQzmcwGkk2dR1?p=preview

搜索“x”，然后尝试使用箭头键向下。项目将被选中，但它们不会获得焦点。

有任何想法吗？

我有一个预先输入的输入。输入文本设置为在预先输入时选择的选项。但是，在我从预先输入的选项中选择一个选项后，我想清除此文本并在文本框中再次显示“占位符”值（因为我将所选值添加到selectMatch()方法中的另一个 div。

我尝试使用其 Id 设置 Input 元素的文本值和占位符值，但这不起作用，例如：

选定的结果

如何设置或重置文本值？

这个问题与我问的另一个问题有关。

我已经设法让 AngularUI Typeahead 工作。但是，我的 orderBy 过滤器似乎没有做任何事情。

此选择框正确排序所有内容（距离是自定义函数）：

但是这个提前输入：

根本不改变顺序（即它仍然按字母顺序排序）。我想要实现的是，当用户键入火车站的第一个字母（在这种情况下）时，最靠近他的包含该字母的车站将首先出现。是否有可能完成这项工作，或者这个功能不可用（还）？

我正在尝试使用 Typeahead 指令来添加自动完成字段。如果我像http://angular-ui.github.io/bootstrap/#/typeahead中的示例那样编写代码， 它当然可以正常工作。

但是当我尝试将 $http 调用封装在工厂中时，我无法让它工作：

我打电话和以前完全一样：

在我的控制器中正确注入服务 LocationService 时。我猜这是我在承诺或回调中缺少的东西？

因为该服务确实打电话给我的后台但在萤火虫中我得到“LocationService.getLocation（...）未定义”

我对 angularJS 很陌生。我想为我的一个文本框使用预输入，但是当我使用它时，它会出现该错误：

TypeError：无法在范围内调用未定义的方法“替换”。( http://XX.YY.ca/js/lib/ui-bootstrap.js:3426:32 ) 在 fnInvoke ( http://XX.YY.ca/js/lib/angular.js:10017:21 )在运营商处。| ( http://XX.YY.ca/js/lib/angular.js:9532:59 ) 在 Object.extend.constant [as get] ( http://XX.YY.ca/js/lib/angular. js:9962:14 ) 在 Scope.$digest ( http://XX.YY.ca/js/lib/angular.js:11800:40 ) 在 Scope.$apply ( http://XX.YY.ca/ js/lib/angular.js:12061:24）在 HTMLButtonElement。( http://XX.YY.ca/js/lib/angular.js:17839:21 ) 在 HTMLButtonElement.n.event.dispatch ( http://code.jquery.com/jquery-1.11.0.min. js:3:8066) 在 HTMLButtonElement.r.handle ( http://code.jquery.com/jquery-1.11.0.min.js:3:4767 )

我的代码与 angular-ui 网站上的代码基本相同。这里是：

标记：

控制器：

后端响应：

我不知道我可以提供哪些附加信息，但如果有，请询问，我会发布！

我正在开发单页应用程序，Angular-TypeAhead当我在文本框中写一些东西时，它会向我显示建议，但是当我选择建议时，文本框的值会变成Object object而不是名称

这是我的 HTML 标记

这是我的 AngularJS 代码

看这里的图片

我正在尝试 angular-ui typeahead 指令。期望的结果是输入框应该只显示基于输入内容的过滤项目。我的代码显示所有项目。

我在http://plnkr.co/edit/8uecuPiVqmEy6gFQYeXC为代码创建了一个 plunker

它有什么问题？非常感谢你。

万一你不能访问plunker，相关的html代码是这样的；

相关的JS代码是这样的；

http get 的 json 文件如下所示；

我正在使用 angular-ui typeahead 指令和 ng-switch。目的是在输入预输入框时，会出现以“人员信息”开头的行。否则，它不会出现。现在的问题是这一行总是出现。

我在这里创建了一个 plunker。 http://plnkr.co/edit/qEaYE6BHjmMewmlheFoh

相关代码段如下；HTML;

Javascript控制器：

我有一个由 typeahead 字段填充的字段。typeahead 字段将复杂对象设置到模型上。

我想使用 typeahead 结果上的属性之一来填充我的自定义指令。

例如：

但是，当填充结果时，它似乎没有更新。我认为这可能是因为 typeaheadResult 在选择值之前没有 id 属性。

如何使用结果的子属性进行绑定？

我尝试了一些方法，例如使用计算值作为中间值，但似乎没有任何效果。

例如：

该指令适用于非预输入范围值。

plnkr：http ://plnkr.co/edit/IKIMkeTQnbUJG3aUnT1s