Неопределенность в отношении использования 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> 

Мне нужен код для асинхронного использования. Поэтому для области каждого включенного шаблона Я хочу иметь переменную - templateIsloaded со значением false по умолчанию. Когда шаблон загружается и отображается, значение равно true. Как это сделать?

С уважением.

Answer 1

Чтобы иметь отдельный $ scope для каждого из рекурсивных вызовов, вы можете просто добавить ng-controller.

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