angularJs實現下拉框多選
阿新 • • 發佈:2018-05-27
IV 幹貨 text 註意 解釋 config del 是你 CA
話不多說,直接上幹貨。
肯定需要下拉選插件。必須引入的是 註意 先後順序
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 大功告成
angularJs實現下拉框多選