美文网首页
AngularJS 中ngOptions用法详解

AngularJS 中ngOptions用法详解

作者: 倔强的仙人掌 | 来源:发表于2017-07-26 16:45 被阅读0次

一、用法

ngOption针对不同类型的数据源有不同的用法,主要体现在数组和对象上。

数组:

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

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 object

说明:

array / object: 数据源的类型,有数组和对象两种

value:迭代过程中,引用数组的项或者对象的属性值

key:迭代过程中,引用对象的属性名

label:选项显示的标签,用户可看到的

select:结果绑定到ngModel中,如果没有指定,则默认绑定value

group:group by的条件,表示按某条件进行分组

trackexpr:用于唯一确定数组中的迭代项的表达式

具体实例http://www.cnblogs.com/laixiangran/p/4956751.html

相关文章

网友评论

      本文标题:AngularJS 中ngOptions用法详解

      本文链接:https://www.haomeiwen.com/subject/sgrokxtx.html