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">
解释⼀下什么意思,angular和angularjs
select2-model 意思是你把选中的值都会⾃动放在这个变量上。放回的格式是[{"id":2,"text":"华为"},{"id":3,"text":"三星"}]这种,很棒有没有
config  意思是下拉框的数据来源必须符合格式:
$fig3 = {
data: [{id:1,text:'bug'},{id:2,text:'duplicate'},{id:3,text:'invalid'},{id:4,text:'wontfix'}]
// 其他配置略,可以去看看内置配置中的ajax配置
};
multiple 意思是可以多选
ok ⼤功告成

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。