javascript - 动态创建元素上的 Angular 模块

Question

我有一个现有的 Controller 和模板:

<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">

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