问通过select ng-option键入的角度搜索
EN

Stack Overflow用户

提问于 2015-02-20 18:07:17

回答 1查看 2.6K关注 0票数 0

我有一个项目列表，需要通过文本动态搜索该列表，例如:我单击该列表，它将打开，我可以开始键入项目的名称，列表将调整结果。

items = [
{"id":1,"name":"AAA"},
{"id":2,"name":"BBB"},
{"id":3,"name":"CCC"},
{"id":4,"name":"DDD"}
]

因此，在这种情况下，开始键入"a“将只显示第一行。

我怎样才能做到这一点呢？我尝试添加一个输入类型- text作为第一行，但对我没有帮助。这是我的选择

<select type="text" ng-model="item" ng-options="item as item.name 
for item in items></select>

我还添加了so方法和过滤器，但它与问题无关。

发布于 2015-02-20 22:21:31

如果你想要动态搜索，那么你可以使用angular-ui的typeahead指令，你需要在你的应用程序中添加它的依赖项，在你的例子中，你可以使用以下代码：

<input type="text" ng-model="customSelected" typeahead="item as item.name for item in items | filter:{name:$viewValue}">

有关typeahead的更多详细信息，请查看http://angular-ui.github.io/bootstrap/#/typeahead

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/28626307

复制

相似问题

问通过select ng-option键入的角度搜索EN