angularjs面包屑导航

angularjs面包屑导航

  • 页面显示
  • Controller.js

页面显示

  • //点击促发setGrade();将0赋值给grade,此时grade=0;$scope.grade=2; 顶级分类列表
  • //点击促发setGrade();将1赋值给grade,此时grade=1;$scope.grade=3; {{cat_1.name}}
  • //点击促发setGrade();将2赋值给grade,此时grade=2;$scope.grade=4; {{cat_2.name}}
  • {{category.parentId}} {{category.name}} {{category.typeId}} //grade是angularjs的grade,当到第二层就隐藏该按钮 //点击查询下级时将该tr的数据传入方法

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

    你可能感兴趣的:(angularjs)