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

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










=、通过ajax从后台获取数据

var path= "<%=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;i                if(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 = [
                 {
                    id : "id1",
                    label : "杭州市",
                    links : [
                                {
                                    id : "id1.1",
                                    label : "基站设备 ("+hazsbaseJsonarray.length+") 台",
                                    links : hazsbaseJsonarray
                                },

                                  ......其它类似...........

                                 ]

                   },  ......其它类似...........

                   ];

           //可以更改子节点的名称

         $scope.opts = {
                    nodeChildren : "links"
                };

           //加载这棵树

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


你可能感兴趣的:(前端,angularjs)