AngularJS - ngRepeat用法

Question

我有一个项目列表，每个项目都有自己的item.value和item.name。我想按如下方式生成HTML代码：

<option value="{{item.value}}">{{item.name}}</option>

我怎么能在AngularJS中做到这一点？非常感谢。

更新：我忘了提到我所拥有的列表是一个对象，因为我想将Id关联起来用作索引，例如：

$scope.list={
    0:{value:0,name:"name0"},
    5:{value:5,name:"name5"}
}

Answer 1

function Ctrl($scope) {  
  $scope.list={
      0:{value:0,name:"name0"},
      5:{value:5,name:"name5"}
  }
}

同时：

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

工作：http://plnkr.co/edit/7ueudpXuGwmQt627fZGE?p=preview

Answer 2

将ng-options与对象模型一起使用：

<select ng-options="v.value as v.name for (k,v) in list" ng-model="selected">
  <option value="">select a value</option>
</select>
<div>{{selected}}</div>

你的模特：

function Ctrl($scope) {  
    $scope.list={
      0:{value:0,name:"name0"},
      5:{value:5,name:"name5"}
  }
}

工作示例：http://plnkr.co/edit/uNJXlCObZdhT96YDje5p?p=preview