Неопределенность в отношении использования ngInclude

#angularjs

#angularjs

Вопрос:

Я отрисовываю рекурсивный шаблон с помощью ngInclude. Вот мой код:

 <!--
    definitionsRenderer.html
-->
<ul data-ng-if="currentLoc.definitions amp;amp; 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>
  

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

С наилучшими пожеланиями.

Ответ №1:

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

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

Комментарии:

1. Если бы я мог, я бы поставил вам больше плюсов.