ng-template에서 렌더링되지 않은 html

laravel 컨트롤러에서 전달 된 올바른 형식의 json이 있는데 재귀 적으로 표시하지만 ng-template 내부의 HTML은 렌더링되지 않습니다. 뭐가 문제 야?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":[ 

     ] 
    } 
]

출처

2017-04-09 Abolfazl

안녕하세요 @menhajrrt,)'getTreeData()'와 (과) 같이 로컬'$ scope'의'dir' 속성을 사용해야합니다. 이 함수의 코드를 제공 할 수 있습니까? b) 그 동안 개발자 콘솔에서 ** directoryTree ** 태그의 범위에'dir '속성이 있는지 여부를 확인할 수 있습니다. –

@ KonstantinA.Magg 안녕하세요, a) 게시물이 업데이트되었습니다. b) json 데이터가 정확합니다.이 코드는 laravel 5.2에서 작동했지만 laravel 5.4에서는 문제가 있습니다. 나는 혼란 스럽다. – Abolfazl

plunkr 링크 plnkr.co/edit/B33ZhzU03CyS45a0lX4w?p=preview을 찾으십시오, 위의 코드가 정상적으로 작동합니다. json 구조를 확인하거나 json을 여기에 게시하십시오.

출처

2017-04-09 11:50:06 Srigar

감사합니다. 업데이트 된 게시물과 json 데이터가 – Abolfazl

으로 추가되었습니다. plnkr 링크를 확인하십시오. 비슷한 json 구조였습니다. – Srigar

ng-template에서 렌더링되지 않은 html

답변

관련 문제