国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

angularjs select 賦值 ng-options配置方法

來源:懂視網 責編:小采 時間:2020-11-27 22:18:24
文檔

angularjs select 賦值 ng-options配置方法

angularjs select 賦值 ng-options配置方法:數組方式 數據是數組 $scope.years = [2014, 2015, 2016]; 頁面元素 <select ng-model=item ng-options=item as y for y in years> </select> 設置默認值 如果需要設置默認的選項,可以先設置一個參數: $scop
推薦度:
導讀angularjs select 賦值 ng-options配置方法:數組方式 數據是數組 $scope.years = [2014, 2015, 2016]; 頁面元素 <select ng-model=item ng-options=item as y for y in years> </select> 設置默認值 如果需要設置默認的選項,可以先設置一個參數: $scop

數組方式

數據是數組

$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 array
select as label for value in array
label group by group for value in array
select as label group by group for value in array track by trackexpr

對象類型:

label for (key , value) in object
select as label for (key , value) in object
label group by group for (key, value) in object
select as label group by group for (key, value) in ob

以上這篇angularjs select 賦值 ng-options配置方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

angularjs select 賦值 ng-options配置方法

angularjs select 賦值 ng-options配置方法:數組方式 數據是數組 $scope.years = [2014, 2015, 2016]; 頁面元素 <select ng-model=item ng-options=item as y for y in years> </select> 設置默認值 如果需要設置默認的選項,可以先設置一個參數: $scop
推薦度:
標簽: 方法 select 賦值
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 欧美啊v| 午夜高清在线观看免费完整版 | 精品亚洲一区二区 | 日韩欧美综合视频 | 亚洲免费a | 亚洲精品视频在线播放 | 另类区 | 高清国产精品久久 | 精品国产自在在线在线观看 | 日韩在线无 | 欧美人与禽zoz0性伦交 | 久久国产精品视频一区 | 欧美亚洲欧美 | 中文字幕美日韩在线高清 | 久久一区二区三区精品 | 麻豆porn| 毛片视频网址 | 亚洲欧洲视频在线 | 欧美日韩国产一区二区三区播放 | 成人久久久精品乱码一区二区三区 | 久久精品国产精品亚洲毛片 | 成人国产精品免费网站 | heyzo在线播放 | 国产高清精品一级毛片 | 欧美日韩亚洲一区二区三区 | 国产成人综合一区精品 | 亚洲国产精品二区久久 | 免费看全黄特黄毛片 | 国内精品线在线观看 | 亚洲精品123区 | 日本三级韩国三级欧美三级 | 羞羞色院91精品网站 | 国产高清免费在线观看 | 欧美日韩一二区 | 国内精品视频在线观看 | 精品久久亚洲一级α | 国产黄色在线看 | 91久久久久久久 | 最新国产在线视频 | 欧美日本一区二区 | 国产网站在线免费观看 |