动态创建元素的Angular模块

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'));

My Angular模块根本不起作用。所以我想每当有人按下按钮时，我需要以某种方式再次注册模块，是这样吗？如果是的话，我怎么能这样做？

Answer 1

您可以使用ng-show，请执行以下操作：

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

当点击该按钮时，请在ng-click脚本中调用一个函数（使用controller），使其showApp为true（确保使用{{} 1}}在函数中）。