代码生成器 \ select2 \ 面包屑导航

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. 面包屑导航

• 代码思想很重要, 如果一个元素需要多次参与业务操作, 则独立创建成单个对象, 实现与其他关联数据的解耦