发表于: 2017-05-25 21:23:08

1 1002


今天完成的事情:

通过两个接口得到返回值,把两个返回值进行组合成一个数组,给页面进行数据绑定

明天计划的事情:

给页面的中的复选框点击全选使全部处于选中状态

遇到的问题:

多级复选框只能使它们全选子元素处于选中状态,而第三级无法处于选中状态,已经绑定了,但就是不选中。

收获:

多级数组怎么让它们ng-repeat到页面中

<div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2 form-group pub-flex-wrap" style="padding-left: ">

   <label class="text-right" style="width: 68px">权限</label>

   <input type="checkbox" class="ng-empty ng-valid ng-touched ng-dirty" ng-model="all" ng-click="vm.checkbox()">

<span ng-model="all">全选/全不选</span>

</div>

<div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2 form-group" ng-repeat="item in vm.module">

   <label class="text-right" style="width: 68px"></label>

   <input type="checkbox" class="pub-vertical ng-valid ng-empty ng-untouched ng-pristine" ng-checked="all" ng-model="moduleChecked" ng-click="vm.checkbox()" name="{{item.id}}">

<span value="{{item.id}}">{{item.name}}</span>

<div class="clearfix"></div>

<div class="col-xs-12 col-sm-12 form-group" style="padding-left: 68px;box-sizing: border-box;"  ng-repeat="item in item.moduleList">

<div class="col-xs-12 col-sm-12 col-md-3 col-md-offset-1">

<label>

   <input type="checkbox" class="pub-vertical ng-dirty ng-empty ng-valid ng-touched" name="{{item.id}}" ng-checked="moduleChecked" ng-model="childNode[item.id]" value="{{item.id}}">{{item.name}}</label>

</div>

<div class="col-xs-12 col-sm-12 col-md-8 ng-not-empty ng-valid ng-untouched ng-pristine" style="padding-left: 25px" ng-model="vm.role[item.id]" module-checked="moduleChecked" child-node-true="childNode[item.id]" it-name="item.id" selecte-all="all">

   <label for="{{item.id}}">

   <input type="checkbox" id="{{item.id}}" ng-checked="childNode[item.id]" name="{{item.id}}" ng-checked="childNodeTrue" ng-true-value="'create'" ng-model="selecteValue[0]" class="pub-vertical ng-pristine ng-untouched ng-valid ng-empty" value="{{x.type}}">新增</label>

   <label for="{{item.id}}">

   <input type="checkbox" id="{{item.id}}" ng-checked="childNode[item.id]" name="{{item.id}}" ng-checked="childNodeTrue" ng-true-value="'update'" ng-model="selecteValue[1]" class="pub-vertical  ng-pristine ng-untouched ng-valid ng-empty" value="{{x.type}}">编辑</label>

   <label for="{{item.id}}">

   <input type="checkbox" id="{{item.id}}" ng-checked="childNode[item.id]" name="{{item.id}}" ng-checked="childNodeTrue" ng-true-value="'delete'" ng-model="selecteValue[2]" class="pub-vertical  ng-pristine ng-untouched ng-valid ng-empty" value="{{x.type}}">删除</label>

   <label for="{{item.id}}">

   <input type="checkbox" id="{{item.id}}" ng-checked="childNode[item.id]" name="{{item.id}}" ng-checked="childNodeTrue" ng-true-value="'sort'" ng-model="selecteValue[3]" class="pub-vertical  ng-pristine ng-untouched ng-valid ng-empty" value="{{x.type}}">排序</label>

</div>

</div>

</div>



返回列表 返回列表
评论

    分享到