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.