Question

我有一个项目列表，需要通过文本动态搜索该列表，如：我点击列表然后打开，我可以开始输入项目的名称，列表将调整结果。

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

因此，在这种情况下，开始输入＆＃34; a＆＃34;将仅显示第一行。

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

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

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

Answer 1

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

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