手动添加到 DOM 后如何销毁 angularjs 应用程序？答案

【问题标题】：How to destroy an angularjs app after manually adding to DOM?手动添加到 DOM 后如何销毁 angularjs 应用程序？
【发布时间】：2016-07-11 07:20:14
【问题描述】：

我需要使用 angular.bootstrap 动态添加和删除应用程序。我成功地将应用程序添加到 DOM，但在我的页面中必须一次又一次地添加应用程序并删除。我想删除使用 angular.bootstrap 手动添加的应用程序，我该怎么办？

var mainModule = angular.module('mainApp', []);   
mainModule.controller('mainController', function ($scope) {

$scope.add = function ()
{  
  angular.bootstrap(document.getElementById('myApp'), ['myModule']);  
}

$scope.remove = function ()
{  
 //this here, i want remove 'myModule'  
}
});

【问题讨论】：

我知道你在 3 年半前问过这个问题，很多事情都发生了变化，但你有解决方案吗？ :)

标签： javascript angularjs twitter-bootstrap

【解决方案1】：

好的，你在数组中加载模块，所以你应该把它当作数组。因此，如果您必须从数组中删除一个元素，请使用 splice 函数。所以一个例子应该是：

array = ['module','module1'];
var index = array.indexOf('module');
array.splice(index,1);

【讨论】：

我想在不刷新页面的情况下一次又一次地添加“myModule”应用程序，如果之前的应用程序被botstrapped到页面，请再次尝试添加它发生错误
您可以尝试将“myModule”推送到模块数组中，唯一需要注意的是将数组设为全局变量