ngInclude 사용에 대한 불확실성

Question

ngInclude를 사용하여 재귀 템플릿을 렌더링합니다. 여기 내 코드는 다음과 같습니다.

<!-- 
    definitionsRenderer.html 
--> 
<ul data-ng-if="currentLoc.definitions && templateIsloaded"> 
    <li ng-repeat="definition in currentLoc.definitions"> 
     {{definition.text}} 
    </li> 
</ul> 
<ul data-ng-if="templateIsloaded"> 
    <li ng-repeat="loc in currentLoc.loc" ng-include="'./partials/definitionsRenderer.html'"></li> 
</ul> 

비동기로 실행하려면 코드가 필요합니다. 그래서 모든 포함 된 템플릿의 범위에 대해 기본적으로 variable 값 - templateIsloaded가 필요합니다. 템플릿이로드되고 렌더링 될 때 true가됩니다. 어떻게 그럴 수 있죠?

감사합니다.

Answer 1

호출되는 재귀 호출마다 별도의 $ scope를 사용하려면 ng-controller을 간단히 추가 할 수 있습니다.

<li ng-repeat="loc in currentLoc.loc" ng-controller="definitionsRendererCtrl" ng-include="'./partials/definitionsRenderer.html'"></li>