国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Angular 中 select指令用法詳解

2019-11-20 08:50:16
字體:
來源:轉載
供稿:網友

最近在angular中使用select指令時,出現了很多問題,搞得很郁悶。查看了很多資料后,發現select指令并不簡單,決定總結一下。

  select用法:

<selectng-model=""[name=""][required=""][ng-required=""][ng-options=""]></select>

  屬性說明:

  發現并沒有ng-change屬性

  ng-required:當屬性值為true時,對select添加required驗證,為false時不驗證。

  ng-options:指定數據源,生成option選項。

  數據源為數組時,用法:

   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 groupexpr 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 groupexpr for (key,value)in object track by trackexpr  

 具體說明:

   array/object:數組/對象

   label:option選項顯示的名稱。

   select:是選中某一項后,綁定到ngModel的值。

value : 數組中的值。

  (key,value):對象的key,value。

   group by groupexpr:用于選項分組,

 ng-options與ng-repeat自動生成option選項的區別:

 ng-options生成的option選項選中后,綁定到ngModel的值可以是對象。ng-repeat綁定到ngModel的值只能是字符串。

注意:select初始化時需要為ngModel指定值,否則會出現空白選項。

以上所述是小編給大家介紹的Angular 中 select指令用法詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 突泉县| 秦皇岛市| 宜川县| 广平县| 即墨市| 册亨县| 邵阳县| 林甸县| 杨浦区| 宜川县| 介休市| 赤壁市| 日土县| 乌海市| 老河口市| 贞丰县| 尉氏县| 金湖县| 鄢陵县| 正镶白旗| 区。| 金昌市| 陇南市| 武胜县| 黄梅县| 北碚区| 盐津县| 额敏县| 甘谷县| 松滋市| 桦南县| 会宁县| 文成县| 蒙自县| 昌吉市| 康平县| 稷山县| 宕昌县| 汤阴县| 陆丰市| 吴桥县|