angularjs - AngularJS：如何从另一个控制器中动态初始化模板中的控制器

Question

我ChildCtrl只想在点击它上面的按钮时才被初始化。这怎么可能？

<div ng-controller="ParentCtrl">
    <button>CLICK TO INIT CHILD CTRL</button>
    <div class="child-container">
        <div ng-controller="ChildCtrl" ng-include="'templates/child.html'" />
    </div>
</div>

Answer 1

这很简单，使用 ng-if：

<div ng-controller="ParentCtrl">
    <button ng-click='loadChild=true'>CLICK TO INIT CHILD CTRL</button>
    <div class="child-container" ng-if='loadChild'>
        <div ng-controller="ChildCtrl" ng-include="'templates/child.html'" />
    </div>
</div>

ng-if指令不会加载 DOM，除非表达式是true.