前端|angularjs编写一颗3级目录的树结构

一、需要引用的包(项目本地包)










=、通过ajax从后台获取数据
var path= "";
var json;
$.ajax({
cache: false,
type: "get",
url:path+"/rs/res/tetra/equipmentDetail/detail",
async: false,
error: function(request) {
},
success: function(data) {
json=data;

}
});
三。对数据进行处理,转化成需要的json格式
var baseJson="[]";
var hazsbaseJsonarray = eval('('+baseJson+')');
var basearr;


var basearr;
for(var i=1; iif(json[i].devType=="1"){
if(json[i].cityId=="杭州市"){
basearr = {
"id" :json[i].provinceId,
"label" : json[i].devName,
"type" : "file"
};

hazsbaseJsonarray.push(basearr);

}

}else{}

}
四、在对应的angularjs树形框架上添加改写的参数
function Children($scope) {

$scope.treedata = https://www.it610.com/article/[
{
id : "id1",
label : "杭州市",
links : [
{
id : "id1.1",
label : "基站设备 ("+hazsbaseJsonarray.length+") 台",
links : hazsbaseJsonarray
},
......其它类似...........

]
},......其它类似...........
];
//可以更改子节点的名称

$scope.opts = {
nodeChildren : "links"
};
//加载这棵树

var angulartree = angular.module(
"angulartree",
[ "treeControl"]);

【前端|angularjs编写一颗3级目录的树结构】

    推荐阅读