數組方式
數據是數組
$scope.years = [2014, 2015, 2016];
頁面元素
<select ng-model="item" ng-options="item as y for y in years"> </select>
設置默認值
如果需要設置默認的選項,可以先設置一個參數:
$scope.item = 2016;$scope.years = [2014, 2015, 2016];
對象數組方式
數據是對象數組
$scope.sites = [ {site : "baidu", url : "https://www.baidu.com"}, {site : "163", url : "http://www.163.com"}, {site : "sina", url : "http://www.sina.com"}];頁面元素
<select ng-model="s.site" ng-options="s.site as s.site group by site.group for s in sites"> </select>
設置默認值
如果需要設置默認的選項,可以先設置一個參數:
$scope.site = "163";$scope.sites = [ {site : "baidu", url : "https://www.baidu.com"}, {site : "163", url : "http://www.163.com"}, {site : "sina", url : "http://www.sina.com"}];Key-Vules對象數組方式
數據是對象數組
$scope.cars = {car1 : {brand : "BYD", model : "Y50", color : "red"},car2 : {brand : "CC", model : "HF", color : "white"},car3 : {brand : "JL", model : "JL10D", color : "black"}};頁面元素
<select ng-model="myCar" ng-options="y.brand for (x, y) in cars"></select>
設置默認值
如果需要設置默認的選項,可以先設置一個參數:
$scope.site = "BYD";$scope.cars = {car1 : {brand : "BYD", model : "Y50", color : "red"},car2 : {brand : "CC", model : "HF", color : "white"},car3 : {brand : "JL", model : "JL10D", color : "black"}};angularjs ng-options官方API
數組類型:
label for value in arrayselect as label for value in arraylabel group by group for value in arrayselect as label group by group for value in array track by trackexpr
對象類型:
label for (key , value) in objectselect as label for (key , value) in objectlabel group by group for (key, value) in objectselect as label group by group for (key, value) in ob
以上這篇angularjs select 賦值 ng-options配置方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。
新聞熱點
疑難解答