关于使用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>