发表于: 2017-05-25 21:23:08
1 1003
今天完成的事情:
通过两个接口得到返回值,把两个返回值进行组合成一个数组,给页面进行数据绑定
明天计划的事情:
给页面的中的复选框点击全选使全部处于选中状态
遇到的问题:
多级复选框只能使它们全选子元素处于选中状态,而第三级无法处于选中状态,已经绑定了,但就是不选中。
收获:
多级数组怎么让它们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>
评论