select2动态显示数据

select2动态显示数据

<!--导入js文件-->
<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 src="../plugins/select2/angular-select2.js" type="text/javascript"></script>
<script src="../plugins/select2/select2_locale_zh-CN.js" type="text/javascript"></script>
<!--前端显示-->
<tr>
   <td>关联品牌</td>
   <td>
       <!--multiple 表示可多选
           Config 用于配置数据来源
           select2-model 用于指定用户选择后提交的变量-->
       <!--从后台动态获取品牌 然后在页面加载时查询品牌数据 减少添加时的查询次数 -->
       <input select2-model="entity.brandIds" class="form-control" select2 multiple
              config='brandList'>
   </td>
</tr>

2.把数组变成字符串

// 把数组变成字符串 [{"id":32,"text":"Apple"},{"id":33,"text":" SAMSUNG"}]---->Apple,SAMSUNG
$scope.arrayToString=function (array) {
      array = JSON.parse(array);
  var str="";
      for (var i = 0; i < array.length; i++) {
          if(i==array.length-1){
              str+= array[i].text;
     }else{
              str+= array[i].text+",";
     }
      }
      return str;
  }
<!-- arrayToString()列表显示优化方法-->
<td>{{arrayToString(pojo.brandIds)}}</td>
<td>{{arrayToString(pojo.specIds)}}</td>
<td>{{arrayToString(pojo.customAttributeItems)}}</td>


发表评论