angularjs使用select ng-option指令

chat

在angularjs中使用select标签的时候应该是在select标签中直接使用ng-options指令而不再是option标签中使用ng-repeat指令。

像这样:

<select id="type" ng-model="formData.type" ng-options="item.id as item.name for item in typeData">
</select>

。。ng-option指令,item.id as item.name for item in items。拿这句当案例,从后往前出现了三个关键字分别是in、for和as,in从一个数组中依次遍历每一项的标识符,而for指代的是html5中option标签中的值,as 标签的意思是option标签中的value所对应的值,若有如下代码:

item.id as item.name for item in items

 
  其实他等价于

<option value="item.id">item.name</option>

版权声明:
作者:东明兄
链接:https://blog.crazyming.com/note/652/
来源:CrazyMing
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
海报
angularjs使用select ng-option指令
在angularjs中使用select标签的时候应该是在select标签中直接使用ng-options指令而不再是option标签中使用ng-repeat指令。
<<上一篇
下一篇>>
chat