当前位置: 移动技术网 > IT编程>开发语言>JavaScript > angularJs select选择控件代码实例分析

angularJs select选择控件代码实例分析

2018年08月30日  | 移动技术网IT编程  | 我要评论

 <select ui-jq="chosen" class="form-control jq-hid" ng-model="reason.ppfr_delayreasons" >

 <option ng-repeat="item in userlist track by $index" value="{{item.rm_tid}}" ng-selected="reason.ppfr_delayreasons==item.rm_tid">{{item.rm_describe}}</option>

</select>

正常情况下是这样的,可以进行搜索并单选,如果想要多选,只需要在slect中加入multiple元素即可。但是会有一个问题,就是编辑的时候无法带出已经选择的数据。此时只需要改为

  <select ui-jq="chosen" class="form-control jq-hid" ng-model="reason.ppfr_delayreasons" multiple>

 <option ng-repeat="item in userlist track by $index" value="{{item.rm_tid}}" ng-selected="reason.ppfr_delayreasons.indexof(item.rm_tid)>=0">{{item.rm_describe}}</option>

</select>

注意:其中的ng-selected中的表达式,indexof的作用就是当前面的字符串中包含括号中的东西是,返回在前面字符串中的位置,如果没有则返回-1。所以当选中的时候肯定会返回一个大于等于0的值,此表达式就变成true

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网