angular js 的select数据绑定

1.最初,循环数组,只知道用ng-repeat;后来才知道select不用ng-repeat也能实现循环输出(ng-options,一定不要忘了末尾的s):

最初:

<select id="column" name="columnname" class="form-control" required="required" ng-model="content.id">

<option ng-repeat="item in columns" value="{{item.uuid}}">{{item.name}}</option>

</select>


改善:

<select class="form-control" ng-model="content.id" ng-options="item.uuid as item.name for item in columns" required></select>


解析:

columns是一个json数组;

C.a  as  C.b  for  C in  array:意思是显示C的b属性,但数据绑定的是C的a属性,即当选择一项时,content.id = a;


2.选择一个列表项后触发事件:ng-change,写在select里。


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值