angularJs实现下拉框多选

Posted 2020-11-09 敲代码的卡卡罗特

话不多说，直接上干货。

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

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 意思是你把选中的值都会自动放在这个变量上。

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

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

multiple 意思是可以多选

ok 大功告成