HTML 내가 함께 재귀를 인쇄하려고 할 때, NG-포함 (아래 그림 참조) NG 템플릿

Question

I는 다음과 같은 몇 가지 jsons 데이터가 각 NG-템플릿에 렌더링되지는 HTML 코드 내부의 렌더링 doesnot NG는-포함 그것은 비어 있습니다. 및 다른 문제는 ng-include를 인쇄 할 때 재귀 수준을 인쇄하는 것이고 인쇄를 유지하지 않는다는 것입니다.

무엇이 잘못 되었나요?

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 폴더의 트리를 대표하지만 각도 애플 리케이션에서, 당신은 단지 첫 번째 단계에서 반복하고 첫 번째 수준에서 당신은 하위 항목과 단 하나의 항목이 있습니다.

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" 
     } 
     ] 
    } 
] 

그래서 당신은 반복 겨