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

即容易，使用納克 - 如果：

<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。