ng-options的使用

1.使用ng-options遍历数组

<select ng-model="selectedName" ng-options="x for x in names"></select>.$scope.names=["Volvo","BMW","Auto"];其中右侧x表示selectName的值,左侧x是表示select中的选项.

2.使用ng-options遍历数组,数组中是对象

<select ng-model="selectedName" ng-options="x.site for x in names"></select>.$scope.names = [
            { site: "Google", url: "http://www.google.com" },
            { site: "Runoob", url: "http://www.runoob.com" },
            { site: "Taobao", url: "http://www.taobao.com" }

   ];其中x表示ng-model的值,也就是数组中的对象.x.site就是显示在select中的值

3.使用ng-options遍历对象

<select ng-model="selectedName" ng-options="x for (x,y) in sites"></select>.$scope.sites = {
            site01 : "Google",
            site02 : "Runoob",
            site03 : "Taobao"
        };其中x表示key值,y表示value值