html 未以 ng-template 角度呈现

Question

我有一些 jsons 数据，如下所示，当我尝试使用 ng-include 和 ng-template 递归打印它们时（如下所示），ng-include 的内部 html 代码没有呈现并且它是空白的。 另一个问题是在打印 ng-include 时，它​​只打印 1 级递归并且它不会继续打印。

那怎么了？

Json 数据：

[{"name":"default","path":">var>www>rapa-v2>themes>","subdir":[{"name":"css","path":" >var>www>rapa-v2>themes>>default","subdir":[{"name":"images","path":">var>www>rapa-v2>themes>>default>css" ,"subdir":[]},{"name":"style.css","path":">var>www>rapa-v2>themes>>default>css"}]},{"name": "index.blade.php","path":">var>www>rapa-v2>themes>>default"},{"name":"information.json","path":">var>www> rapa-v2>themes>>default"},{"name":"screen.jpg","path":">var>www>rapa-v2>themes>>default"}]}]

HTML代码：

<div class="theme-files-list ltr" ng-init="loadDir('{{ $theme }}')">
    <script type="text/ng-template" id="directoryTree">
      <div class="tree-item">
        <i class="fa fa-file-text-o maroon"></i>
        <a href="<% '/admin/setting/template/edit/{{ $theme }}/'+item.name %>">
          <% item.name %>
        </a>
      </div>
      <ul ng-if="item.subdir">
          <li ng-repeat="item in item.subdir" ng-include="'directoryTree'"></li>
      </ul>
    </script>
    <ul class="noselect">
        <li>
          <div class="tree-item bg-aqua">
            <i class="fa fa-paint-brush blue"></i>
            {{ ucfirst($theme) }}
          </div>
          <ul>
            <li ng-repeat="item in themeDir" ng-include="'directoryTree'"></li>
          </ul>
        </li>
    </ul>
</div>

重要：我使用 laravel 并且对于刀片系统打印，我已将角打印符号 {{ }} 替换为

Answer 1

我认为您必须使用不同的代码。您的 json 代表一个文件夹树，但在 Angular 应用程序中，您只在第一级迭代，在第一级您只有一个带有子目录的项目。

如果您的 json 响应格式正确，您可以轻松理解这一点。

[
  {
    "name":"default",
    "path":">var>www>rapa-v2>themes>",
    "subdir":
        [
        {
          ******** You're targeting this element below **********
          "name":"css",
          "path":">var>www>rapa-v2>themes>>default",
          "subdir":
                    [
                     {
                        "name":"images",
                        "path":">var>www>rapa-v2>themes>>default>css",
                        "subdir":[]
                      },
                      {
                         "name":"style.css",
                         "path":">var>www>rapa-v2>themes>>default>css"
                      }
                     ]
        },
        {
         ******** This doesn't has subdir **********
          "name":"index.blade.php",
          "path":">var>www>rapa-v2>themes>>default"
        },
        {
         ******** This doesn't has subdir **********             
          "name":"information.json",
          "path":">var>www>rapa-v2>themes>>default"
        },
        {
         ******** This doesn't has subdir **********
          "name":"screen.jpg",
          "path":">var>www>rapa-v2>themes>>default"
        }
      ]
  }
]

所以你必须更改 json 或更改 ng-repeat