13

次のオプション リストの値をレンダリングするにはどうすればよいですか?

$scope.limits = [ {value:  '5', text: 'Afficher 5 par page'},
                  {value: '10', text: 'Afficher 10 par page'},
                  {value: '15', text: 'Afficher 15 par page'},
                  {value: '20', text: 'Afficher 20 par page'}
                ];

<select id="limitType" name="limit" ng-model="limit" ng-options="limit.value as limit.text for limit in limits"></select> enregistrement par page

期待される結果 (value="limit.value" で期待:

<select ng-options="option.value as option.text for option in limits" ng-model="limit" id="limitType" class="ng-pristine ng-valid">
    <option value="5" selected="selected">Afficher 5 par page</option>
    <option value="10">Afficher 10 par page</option>
    <option value="15">Afficher 15 par page</option>
    <option value="20">Afficher 20 par page</option>
</select>

結果：

<select ng-options="option.value as option.text for option in limits" ng-model="limit" id="limitType" class="ng-pristine ng-valid">
    <option value="0" selected="selected">Afficher 5 par page</option>
    <option value="1">Afficher 10 par page</option>
    <option value="2">Afficher 15 par page</option>
    <option value="3">Afficher 20 par page</option>
</select>
4

4 に答える 4

20

ディレクティブは要素に属性をng-options設定しません。常にシーケンスを使用します。value<options>

使用limit.value as limit.text for limit in limits手段:

  • のラベル<option>をlimit.text
  • limit.value値を選択に保存しますng-model

このフィドルを確認してください：http://jsfiddle.net/bmleite/k58Hw/

于 2013-01-20T16:44:19.420 に答える