javascript - 使用 ng-repeat 将数组中的数据获取到数据列表中

Question

我已经用谷歌搜索了我的问题，但没有什么真正帮助我。我需要一个输入字段，它也像下拉菜单一样工作。因此我可以在输入字段中写入自己的数据或从下拉列表中选择数据。我尝试使用 select 但只能选择数据而无法在输入中写入数据。这就是我使用数据列表的原因。我想将数据从数组写入数据列表，如下所示:

index.html

<input type="text" ng-model="model.person.profession" list="professions"/>
<datalist id="professions">
  <option ng-repeat="profession in professions" value="{{profession.id}}">{{profession.name}}</option>
</datalist>

app.js

$scope.professions = [
  {'id':1, 'name':'doctor'},
  {'id':2, 'name':'farmer'},
  {'id':3, 'name':'astronaut'}
];

我的数据未显示在下拉列表中。我做错了什么？

Answer 1

您可以使用 ng-options 来显示下拉列表中的值。请看一下这个fiddle .

<select ng-model="selected">
    <option ng-repeat="value in professions" value={{value.id}}>{{value.name}}</option>
</select>