動態創建元素上的角度模塊

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 ）。