angularjs使用select ng-option指令

东明兄 2018-08-28
0条评论 1,679 次浏览
东明兄 2018-08-280条评论 1,679 次浏览

在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>

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注