angulars select2组件

下拉列表select2

数据的格式是上面的[{},{},{}]

使用方法：

1.引入文件

<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="../js/angular-select2.js"> </script>

2.属性说明

 <tr>
                        <td>关联品牌</td>
                        <td>
                            <input select2 select2-model="entity.brandIds" config="brandList" multiple
                                   placeholder="选择品牌（可多选）" class="form-control" type="text"/>
                        </td>
                    </tr>

multiple 表示可多选

Config 用于配置数据来源

select2-model 用于指定用户选择后提交的变量

config和select2-model的数据格式都是：[{"id":1,"text":"联想"},{"id":3,"text":"三星"},{"id":2,"text":"华为"},{"id":5,"text":"OPPO"},{"id":4,"text":"小米"},{"id":9,"text":"苹果"},{"id":8,"text":"魅族"},{"id":6,"text":"360"},{"id":10,"text":"VIVO"},{"id":11,"text":"诺基亚"},{"id":12,"text":"锤子"}]

这样的，后端返回的样式都是List<Map>的格式。