使用AngularJS的ng选项处理SELECT

Question

我在其他帖子上读到过，但我想不出来。我有一个数组，$scope.items = [    {ID: '000001', Title: 'Chicago'},    {ID: '000002', Title: 'New York'},    {ID: '000003', Title: 'Washington'},];我想把它渲染为：<select>   <option value="000001">Chicago</option>   <option value="000002">New York</option>   <option value="000003">Washington</option></select>另外，我希望选择ID=000002的选项。我读过选择我试过了，但我想不出来。使用AngularJS的ng选项处理SELECT

Answer 1

出于某种原因AngularJS让我困惑。他们的文件在这方面很糟糕。更多变化的好例子将受到欢迎。

总之，我对本·莱什的回答有一点不同。

我的数据收集如下：

items =[
   { key:"AD",value:"Andorra" },  { key:"AI",value:"Anguilla" },  { key:"AO",value:"Angola" }
 ...etc..]

现在

<select ng-model="countries" ng-options="item.key as item.value for item in items"></select>

仍然导致选项值成为索引(0、1、2等)。

加法跟踪帮我修好了：

<select ng-model="blah" ng-options="item.value for item in items track by item.key"></select>

我估计更常见的情况是，您希望将一个对象数组添加到选择列表中，所以我将记住这个！

请注意，在AngularJS1.4中，您不能再使用ng-选项，但您需要使用ng-repeat在您的选项标签上：

<select name="test">
   <option ng-repeat="item in items" value="{{item.key}}">{{item.value}}</option></select>