初识select2

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代表选择数据绑定的位置。

扫描二维码关注公众号，回复： 2819989 查看本文章

④ 效果如下