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

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

我的Angular模块根本不起作用。 所以我想我每次有人按下按钮时都需要重新注册模块，是这样吗？ 如果是这样，我该怎么办？

Answer 1

您可以使用ng-show这样做：

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

当单击按钮时， ng-click在controller脚本中调用一个函数（使用ng-click ），以确保showApp为true （确保在函数中使用$scope.showApp ）。