面包屑的用法

首先进行分析

• 面包屑是可长可短，所以我们选择用集合来存储面包屑信息。 当查询下级的时候，要添加面包屑。
  当点面包屑，要展示所点击的面包屑下级数据，并且，面包只显示到当前层级。 要结面包屑集合的数据进行删除。

是使用angular.min.js实现的

  导入依赖
  angular.min.js的js文件
  

//js三层中的Service层

//分页里面的公共代码

//  js三层中的Controlle层

在itemCatService.js层与后台的Controller进行交互

//查询
this.findByParentId=function(parentId){
return $http.get(’…/itemCat/findByParentId.do?parentId=’+parentId);
}

在itemCatController.js层中创建顶级分类列表

后台查找的sql语句就不写了

//查询某一级的分类
$scope.findByParentId=function(parentId){				
	itemCatService.findByParentId(parentId).success(
		function(response){
			$scope.list=response;					
		}
	);				
}
$scope.ListItem = [{id:0,name:"顶级分类列表"}];

页面上的调用

在查询下级的按钮上添加：mbxList.push(obj)
用户每点击一次就就将这一行的元素加入到集合中
			查询下级 	

然后在到集合中显示出来

在面包屑的展示上，添加ng-click=“查询数据方法;mbxList.length=$index+1”

		//循环遍历  取出里面的名字   

	   {{mbx.name}}