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