页面显示
<li>
//点击促发setGrade();将0赋值给grade,此时grade=0;$scope.grade=2;
<a href="#" ng-click="setGrade(0,null);findParentId(0)" >顶级分类列表</a>
</li>
<li>
//点击促发setGrade();将1赋值给grade,此时grade=1;$scope.grade=3;
<a href="#" ng-click="setGrade(1,cat_1);findParentId(cat_1.id)">{{cat_1.name}}</a>
</li>
<li>
//点击促发setGrade();将2赋值给grade,此时grade=2;$scope.grade=4;
<a href="#" ng-click="setGrade(2,cat_2);findParentId(cat_2.id)">{{cat_2.name}}</a>
</li>
<tbody>
<tr ng-repeat="category in list">
<td><input type="checkbox" ></td>
<td>{{category.parentId}}</td>
<td>{{category.name}}</td>
<td>
{{category.typeId}}
</td>
<td class="text-center">
//grade是angularjs的grade,当到第二层就隐藏该按钮
//点击查询下级时将该tr的数据传入方法
<span ng-if="grade<3">
<button type="button" class="btn bg-olive btn-xs" ng- click="setGrade(grade,category);findParentId(category.id)">查询下级</button>
</span>
<button type="button" class="btn bg-olive btn-xs" data-toggle="modal" data-target="#editModal" >修改</button>
</td>
</tr>
</tbody>
Controller.js
$scope.findParentId=function(id){
$http.get('/findParentId?id='+id).success(function(response){
$scope.list=response;
});
}
//定义等级
该grade是angularjs的grade,只是为了记录层数
$scope.grade=1;
//参数grade是普通参数
//category是点击的每一行数据
$scope.setGrade=function(grade,category){
//angularjs的grade记录一层
$scope.grade=grade+1;
if(grade==0){
$scope.cat_1=null;
$scope.cat_2=null;
}
if(grade==1){
$scope.cat_1=category;
$scope.cat_2=null;
}
if(grade==2){
$scope.cat_2=category;
}
}