使用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&nbsp;=[ &nbsp;&nbsp;&nbsp;{&nbsp;key:"AD",value:"Andorra"&nbsp;},&nbsp;&nbsp;{&nbsp;key:"AI",value:"Anguilla"&nbsp;},&nbsp;&nbsp;{&nbsp;key:"AO",value:"Angola"&nbsp;} &nbsp;...etc..]现在<select&nbsp;ng-model="countries"&nbsp;ng-options="item.key&nbsp;as&nbsp;item.value&nbsp;for&nbsp;item&nbsp;in&nbsp;items"></select>仍然导致选项值成为索引(0、1、2等)。加法跟踪帮我修好了：<select&nbsp;ng-model="blah"&nbsp;ng-options="item.value&nbsp;for&nbsp;item&nbsp;in&nbsp;items&nbsp;track&nbsp;by&nbsp;item.key"></select>我估计更常见的情况是，您希望将一个对象数组添加到选择列表中，所以我将记住这个！请注意，在AngularJS1.4中，您不能再使用ng-选项，但您需要使用ng-repeat在您的选项标签上：<select&nbsp;name="test"> &nbsp;&nbsp;&nbsp;<option&nbsp;ng-repeat="item&nbsp;in&nbsp;items"&nbsp;value="{{item.key}}">{{item.value}}</option></select>