AngularJS完成select2多選下拉功能

• 1、引入js及css資源
• 2、頁面新增select標籤

1、引入js及css資源

    <script src="../plugins/angularjs/angular.min.js"></script>
	<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、頁面新增select標籤

<input select2   select2-model = "entity.specIds"  config="specList"  multiple  placeholder="選擇規格（可多選）"
 

class="form-control"  type="text"/>

1. multiple 表示可多選；
2. Config用於配置資料來源；

$scope.brandList={data:[{id:1,text:'聯想'},{id:2,text:'華為'},{id:3,text:'小米'}]};//品牌列表

3. select2-model用於指定使用者選擇後提交的變數；
   jquery實現多選select2參考如下 ：
   https://blog.csdn.net/jianyuerensheng/article/details/78780696