Virgo Blog About

遍历选择 ngRepeat 还是 ngOptions

09 May 2017

两者都是下拉列表

区别:
1. select 中 ng-repeat 写在 option 里, ng-options 是自动生成 option。
2. ng-options 一定和 ng-model 搭配使用。
3. ng-repeat 的 value 值是 string, 当是 number 时, 下拉列表失败。
< option value="? number:1 ?" selected="selected">
4. ng-options 的 value 值是 string 或者 number。

<select ng-model="repeat.strId">
    <option value="">str repeat</option>
    <option ng-repeat="a in str" value= ng-bind="a.name"></option>
</select>

<select ng-model="repeat.numId">
    <option value="">num repeat --> "error"</option>
    <option ng-repeat="a in num" value= ng-bind="a.name"></option>
</select>

<select ng-model="option.strId" ng-options="b.id as b.name for b in str">
    <option value="">str options</option>
</select>

<select ng-model="option.numId" ng-options="b.id as b.name for b in num">
    <option value="">arr options</option>
</select>