24分布式电商项目 - 商品分类管理（面包屑导航）

$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); //查询此级下级列表
}

<span ng-if="grade!=3"> 
  <button type="button" class="btn bg-olive btn-xs" ng-click="setGrade(grade+1);selectList(entity)">查询下级</button>  
</span>

<ol class="breadcrumb"> 
    <li><a href="#" ng-click="grade=1;selectList({id:0})">顶级分类列表</a></li>
    <li><a href="#" ng-click="grade=2;selectList(entity_1)">  {{entity_1.name}}</a></li>
    <li><a href="#" ng-click="grade=3;selectList(entity_2)">{{entity_2.name}}</a></li>
</ol>