Угловой модуль динамически создаваемых элементов

Question

У меня есть существующий контроллер и шаблон:

<div id="outputTableforApp" ng-controller="OutputTableModelCtrl"> 
    <div id ="outputtablemodel_panel" ng-show="editMode"> 
    </div> 
</div> 

она прекрасно работает. Но теперь мне нужно удалить шаблон из проекта (который имеет место для исправления в DOM) и каким-то образом заставить его отображаться динамически, когда человек нажимает кнопку. , когда я пытался что с JQuery

$('<div id="outputTableforApp" ng-controller="OutputTableModelCtrl"><div id ="outputtablemodel_panel" ng-show="editMode">\n\ 
</div></div>').appendTo($('#div1')); 

Моей Угловой модуль не работает. Поэтому я думаю, мне нужно как-то регистрировать модуль каждый раз, когда кто-то нажимает кнопку, это так? если да, то как я мог это сделать?

Answer 1

Вы можете использовать ng-show так это сделать:

<div id="outputTableforApp" ng-controller="OutputTableModelCtrl" ng-show="showApp"> 

и при нажатии на кнопку вызова функции, (с помощью ng-click) в вашем controller скрипт, который делает это, что showApp является true (убедитесь, что вы используете $scope.showApp в функция).