1、内容介绍
2、步骤介绍
① 引入js与css
<link rel="stylesheet" href="../plugins/select2/select2.css" />
<link rel="stylesheet" href="../plugins/select2/select2-bootstrap.css" />
<script src="../plugins/select2/select2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="../plugins/angularjs/angular.min.js"></script>
<script type="text/javascript" src="../js/angular-select2.js"></script>
注意:因为本项目是angular框架,因此需要引入select2与angular整合js
② 构建data数据
$scope.brandList={data:[{id:1,text:’小米’},{id:2,text:联想},{id:2,text:三星},{id:2,text:中兴},{id:2,text:VIVO}]};//品牌列表
③ 在html页面调用data数据
<input select2 config="brandList" select2-model="entity.brandIds">
注意:config内容来源于第二步的brandList。select2-model代表选择数据绑定的位置。
④ 效果如下