0

我有一些从 laravel 控制器传递的格式正确的 json,我想用 angular 递归地显示它们,但 ng-template 中的 HTML 没有呈现。怎么了?

注意:我用 <% %> 替换了角度默认标签 {{ }}

<div id="treeViewContent" ng-init="getTreeData()">

      <script type="text/ng-template" id="directoryTree">
        <div class="tree-item" ng-click="loadDir(dir.address)">
          <i class="fa fa-folder orange"></i>
          <% dir.name %>
        </div>
        <ul ng-if="dir.subdir">
            <li ng-repeat="dir in dir.subdir" ng-include="'directoryTree'"></li>
        </ul>
      </script>
      <ul class="noselect">
          <li>
            <div class="tree-item" ng-click="loadDir('/')">
              <i class="fa fa-hdd-o blue"></i>
              {{ ucfirst(\Auth::user()->username) }}
            </div>
            <ul>
              <li ng-repeat="dir in dirs" ng-include="'directoryTree'"></li>
            </ul>
          </li>
      </ul>

    </div>

和 getTreeData() 是:

  $scope.dirs = [];

  $scope.getTreeData = function()
  {
      $http.post("/admin/drive/treeData", {_token: csrf_code}).then(function(response)
      {
        if (response.status == 200)
        {
          $scope.dirs = response.data;
        }
        else
        {
          Flash({status: "failed", message: "Error"});
        }
      })
  }

和json数据

 [  
   {  
      "name":"image",
      "address":"\/image",
      "subdir":[  
         {  
            "name":"document",
            "address":"\/image\/document",
            "subdir":[  

            ]
         }
      ]
   },
   {  
      "name":"document",
      "address":"\/document",
      "subdir":[  

      ]
   },
   {  
      "name":"movies",
      "address":"\/movies",
      "subdir":[  

      ]
   }
]
4

1 回答 1

0

请找到 plunkr 链接plnkr.co/edit/B33ZhzU03CyS45a0lX4w?p=preview,上面的代码工作正常。请检查 json 结构或在此处发布 json。

于 2017-04-09T11:50:06.167 回答