angular js Select標籤中的ng-options用法

Select標籤綁定option一直很麻煩,有了angular js的 ng-options只需定義好json對象輕鬆綁定option,

ng-options 指令用於使用 <options> 填充 <select> 元素的選項。

ng-options 指令使用數組來填充下拉列表，多數情況下與 ng-repeat 指令一起使用。

json變量定義:

 $scope.goods_level = [{
                    id: 0,
                    name: "普通"
                }, {
                    id: 1,
                    name: "精品"
                }, {
                    id: 2,
                    name: "極品"
                }, {
                    id: 3,
                    name: "差"
                }];

html angular js綁定

                <td class="td">
                    <select ng-model="mallGoods.level" ng-options="a.id as a.name for a in goods_level" >
                    </select>
                    <input type="hidden" name="level"  value="{{mallGoods.level}}">
                </td>

as a.name的意思option顯示名稱, a.id意思是option的value。 a爲單個JSON對象。