Angular 中 select指令用法详解
最近在angular中使用select指令时,出现了很多问题,搞得很郁闷。查看了很多资料后,发现select指令并不简单,决定总结一下。
select用法:
<select ng-model="" [name=""] [required=""] [ng-required=""] [ng-options=""]> </select>
属性说明:
发现并没有ng-change属性
ng-required:当属性值为true时,对select添加required验证,为false时不验证。
ng-options:指定数据源,生成option选项。
数据源为数组时,用法:
labelforvalueinarray
selectaslabelforvalueinarray
labelgroupbygroupforvalueinarray
selectaslabelgroupbygroupexprforvalueinarraytrackbytrackexpr
数据源为对象时,用法:
labelfor(key,value)inobject
selectaslabelfor(key,value)inobject
labelgroupbygroupfor(key,value)inobject
selectaslabelgroupbygroupexprfor(key,value)inobjecttrackbytrackexpr
具体说明:
array/object:数组/对象
label:option选项显示的名称。
select:是选中某一项后,绑定到ngModel的值。
value:数组中的值。
(key,value):对象的key,value。
groupbygroupexpr:用于选项分组,
ng-options与ng-repeat自动生成option选项的区别:
ng-options生成的option选项选中后,绑定到ngModel的值可以是对象。ng-repeat绑定到ngModel的值只能是字符串。
注意:select初始化时需要为ngModel指定值,否则会出现空白选项。
以上所述是小编给大家介绍的Angular中select指令用法详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!