How to destroy scope manually in angularjs if element is removed from javascript?

Question

I am inserting angular template to element. Consider following example,

<p>
  <c ng-controller="ctrl">
    ...
  </c>
</p>

if I remove c from javascript. What will be side effects? (scope leaks) How to avoid this?

I have used this,

function render() {
    var lastScope = angular.element('c').scope();
            
    if(lastScope) {
        lastScope.$destroy();
    }

    $('c').remove();

    getTemplate(context + '/c.html', function(template) {
        if (template) {
            angular.element(document).injector().invoke(['$compile', '$rootScope', function($compile, $rootScope) {
                $('p').append($compile(template)($rootScope));
                $rootScope.$apply();
            }]);
        } 
    });
}

when I click tab render function get called everytime. Any other sugestions?

You can avoid this using ng-if, with removes completely the element and scope — Joao Polo
– Joao Polo, Commented Sep 19, 2016 at 12:04

Valery Kozlov · Accepted Answer · 2016-09-19 11:53:08Z

9

create new scope and destroy it like:

var newScope = $rootScope.$new(true);
$compile(template)(newScope);

//later
newScope.$destroy();

answered Sep 19, 2016 at 11:53

Valery Kozlov

1,5772 gold badges11 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 12:34:11Z

1

you can use

$scope.$on("$destroy",destroyScope);

$scope.destroyScope =function(){
// here you can delete your this function will be called whenever you move out from you controller here you can destroy you scope
 $('c').remove();
 delete $scope.var1;
}

it is awlays good practice to define your scope variable as object like

$scope.currentControllerscope ={}
$scope.currentControllerscope.myVar1 ="string"
$scope.currentControllerscope.myVar2 ="string2"

so that you can destryo whole object like

delete $scope.currentControllerscope

Similar question is here Provide an example of scope's $destroy event?

edited May 23, 2017 at 12:34

CommunityBot

11 silver badge

answered Sep 19, 2016 at 12:30

Vicky Kumar

1,4441 gold badge15 silver badges31 bronze badges

Collectives™ on Stack Overflow

How to destroy scope manually in angularjs if element is removed from javascript?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related