动态创建元素上的角度模块

Question

i have a existing controller and template:

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

it works perfectly. But now i need to delete the template from the project (which has a fix place in the DOM) and somehow make it appear dynamically when man a button click. when i tried that with jQuery

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

My Angular module didn't work at all. So i guess i need to register the module somehow again every time when someone presses the button, is that the case ? if so ,how could i do it ?

Answer 1

You can use ng-show so do this:

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

and when the button is clicked call a function (using ng-click ) in your controller script that makes it that showApp is true (make sure you use $scope.showApp in the function).