1. 程式碼生成器

2. select2

(1) js 程式碼

/**
*  資料格式 {data :[  ]}
*/
$scope.brandList={data:[{ id:1, text:'聯想' },{ id:2, text:'華為'},{ id:3, text:'小米'}]};

(2) html 頁面

<link  rel="stylesheet"  href= "../plugins/select2/select2.css"/>
<link  rel="stylesheet"  href= "../plugins/select2/select2-bootstrap.css"
 
/>
<script  src= "../plugins/angularjs/angular.min.js"></ script>

<!-- serlect2-->
<script  src= "../plugins/select2/angular-select2.js"></ script>
<script  src=" "../plugins/select2/select2.min.js"  type= "text/javascript"></ script>

<!-- 轉換成 select2 標籤     multiple :多選 , 若無 , 則為單選 -->
<input select2  select2-model="
 
entity.brandIds"  config="brandList"  multipleplaceholder=" 選擇品牌（可多選）" class="form-control" type="text"/>

3. 麵包屑導航

• 程式碼思想很重要, 如果一個元素需要多次參與業務操作, 則獨立建立成單個物件, 實現與其他關聯資料的解耦