本文共 1071 字,大约阅读时间需要 3 分钟。
1.2.1 前端代码
(1)修改 itemCatService.js//根据上级 ID 查询下级列表this.findByParentId=function(parentId){return $http.get('../itemCat/findByParentId.do?parentId='+parentId);}
(2)修改 itemCatController.js
//根据上级 ID 显示下级列表$scope.findByParentId=function(parentId){ itemCatService.findByParentId(parentId).success(function(response){$scope.list=response;});}
(3)修改 item_cat.html
引入 JS{ {entity.id}}{ {entity.name}}{ {entity.typeId}}
1.2 面包屑导航
我们需要返回上级列表,需要通过点击面包屑来实现修改 itemCatController.js$scope.grade=1;//默认为 1 级
//设置级别$scope.setGrade=function(value){$scope.grade=value;}//读取列表$scope.selectList=function(p_entity){if($scope.grade==1){//如果为 1 级$scope.entity_1=null;$scope.entity_2=null;}if($scope.grade==2){//如果为 2 级$scope.entity_1=p_entity;$scope.entity_2=null;}if($scope.grade==3){//如果为 3 级$scope.entity_2=p_entity;}$scope.findByParentId(p_entity.id); //查询此级下级列表}
修改列表的查询下级按钮,设定级别值后 显示列表
这里我们使用了 ng-if 指令,用于条件判断,当级别不等于 3 的时候才显示“查询下级”按钮
绑定面包屑:转载于:https://blog.51cto.com/13517854/2159828