angularjs面包屑导航

页面显示

<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;

	}
}