angularjs - 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