“面包屑”导航

导航随着点击而发生变化，追踪点击的内容。
点击上一级也可以返回上一级

使用angularJS来实现“面包屑”
分析：
​

1. 在使用面包屑的地方绑定实体（上一级的实体）

2. 定义一个等级来进行控制实体的显示
   步骤：

   1. 页面上绑定实体，设置等级
      ​ `

      <ol class="breadcrumb">	                        	
          <li>
             	<a href="#" ng-click="setGrade(1);selectList({id:0})" >顶级分类列表</a>
          </li>
          <li>
            	<a href="#" ng-click="setGrade(2);selectList(entity_1)">{{entity_1.name}}</a>
          </li>
          <li>
             	<a href="#" ng-click="setGrade(3);selectList(entity_2)">{{entity_2.name}}</a>
          </li>
       </ol>
      //查看下一级的按钮，最后一级则不显示该按钮，（等级设置必须放在查询前面）
      <span ng-if="grade != 3">
           <button type="button" class="btn bg-olive btn-xs" ng-click="setGrade(grade+1);selectList(itemCat)">查询下级</button>
      </span>
      

   2. 在js的controller中定义：初始化等级、设置等级的方法、点击后查询的方法

      $scope.grade = 1;//初始化“面包屑”等级
      		//定义方法改变等级
      		$scope.setGrade = function (value) {
      	        $scope.grade = value ;
      	    };
      	    //传递一个父实体过来
      	    $scope.selectList = function (p_entity) {
      			if($scope.grade == 1){
      				$scope.entity_1 = null;
      				$scope.entity_2 = null;
      			}
      			if($scope.grade == 2){
      	            $scope.entity_1 = p_entity;
      	            $scope.entity_2 = null;
      	        }
      	        if($scope.grade == 3){
      	            $scope.entity_2 = p_entity;
      			}
      	        $scope.findByParentId(p_entity.id);
      	    }`
      
      		//通过上级id查询分类列表
      		$scope.findByParentId = function (parentId) {
      			itemCatService.findByParentId(parentId).success(function (response) {
      	            $scope.list=response;
      	        })
      	    }