100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > angularJs实现下拉框多选

angularJs实现下拉框多选

时间:2019-09-20 13:51:36

相关推荐

angularJs实现下拉框多选

话不多说,直接上干货。

肯定需要下拉选插件。必须引入的是 注意 先后顺序

select2.css

select2-bootstrap.css

select2.min.js

angular.min.js

angular-select2.js

ok,然后只需要写上一段代码就ok,如下

<input select2 select2-model="entity.brandIds" config="brandList" multiple placeholder=" 选择品牌(可多选) " class="form-control">

解释一下什么意思,

select2-model 意思是你把选中的值都会自动放在这个变量上。放回的格式是[{"id":2,"text":"华为"},{"id":3,"text":"三星"}]

这种,很棒有没有!!!!

config 意思是下拉框的数据来源 必须符合格式:

$scope.config3 = {data: [{id:1,text:'bug'},{id:2,text:'duplicate'},{id:3,text:'invalid'},{id:4,text:'wontfix'}]// 其他配置略,可以去看看内置配置中的ajax配置};

multiple 意思是可以多选

ok 大功告成

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。