如何销毁angularjs应用程序？

Question

我需要能够动态加载/卸载角度应用程序而不会导致内存泄漏。 在jQuery中你可以做$("#elementHoldingMyWidget").remove(); 并执行正确的销毁代码，事件处理程序未绑定等。

我一直无法在角度文档中找到任何内容，一旦它被引导就可能会删除应用程序。

我的第一次尝试是破坏rootScope，如下所示：

var rootScope = $("body").scope();   
rootScope.$destroy();

但这似乎不起作用，我不确定注射器和服务如何清理，即使它确实如此。

该怎么做？

Answer 1

使用AngularJS 1.4.0，$ rootScope。$ destroy（）再次工作（因为它在1.2中被破坏）。 使用此功能可以在几个angularJS应用程序之间切换：

var appManager = new function () {
    this.currentAppName;
    this.currentApp;

    this.startApp = function (appContainerId, appName) {
        if (this.currentApp) {
            this.destroyApp(this.currentApp, this.currentAppName);
        }
        var appContainer = document.getElementById(appContainerId);
        if (appContainer) {
            this.currentAppName = appName;
            this.currentApp = angular.bootstrap(appContainer, [appName]);
        }
    }

    this.destroyApp = function (app, appName) {
        var $rootScope = app.get('$rootScope');
        $rootScope.$destroy();
    }
}

// Call this when page is ready to rebootsrap app
appManager.startApp('divContainerId', 'app');

Answer 2

要通过$('body').empty向用户显示白页来$delete()我的应用程序$('body').empty ，我首先$delete()子范围，然后从$rootScope删除所有属性：

/*
 * Iterate through the child scopes and kill 'em
 * all, because Angular 1.2 won't let us $destroy()
 * the $rootScope
 */
var scope = $rootScope.$$childHead;
while (scope) {
    var nextScope = scope.$$nextSibling;
    scope.$destroy();
    scope = nextScope;
}

/*
 * Iterate the properties of the $rootScope and delete 
 * any that possibly were set by us but leave the 
 * Angular-internal properties and functions intact so we 
 * can re-use the application.
 */
for(var prop in $rootScope){
    if (($rootScope[prop]) 
        && (prop.indexOf('$$') != 0) 
        && (typeof($rootScope[prop]) === 'object')) {
            $rootScope[prop] = null;
        }
}

Answer 3

更新2013年3月10日：我发现$（'body'）。empty（）; 不会拆除应用程序。 它仍然存在。

原始邮寄：

好吧，这篇文章： https ： //github.com/angular/angular.js/issues/1537#issuecomment-10164971声称没有'正式'应用程序拆除（在撰写本文时），但你可以只是空持有应用程序的元素如下：

$('body').empty();

如果这不是你想要的，你可以通过这些步骤来临时解决你的应用程序： https ： //github.com/angular/angular.js/issues/1537#issuecomment-10184033