话不多说,直接上干货。
肯定需要下拉选插件。必须引入的是 注意 先后顺序
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 大功告成
原文地址:https://www.cnblogs.com/coder-lzh/p/9096514.html
时间: 2024-10-09 22:40:16