通过 select ng-option 键入来进行角度搜索答案

【问题标题】：angular search by typing by select ng-option通过 select ng-option 键入来进行角度搜索
【发布时间】：2015-02-20 22:21:30
【问题描述】：

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

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

所以在这种情况下开始输入“a”将只显示第一行。

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

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：