當一個元素從指令中被移除時，AngularJs是否會自動銷燬範圍？

Question

說我有指令：

angular.module('myApp').directive('myDirective', function ($compile) { 
    return { 
     link: function ($scope, $element, $attrs) { 
      var $randomElem = $('<div>'); 
      $element.append($compile($randomElem)($scope)); 

      $randomElem.remove(); 
     } 
    } 
}); 

將範圍自動銷燬？如果不是，我該如何摧毀它？

Answer 1

在您的情況下，您的$randomElem將具有與其父（指令容器）相同的作用域。所以它不會被銷燬。

現在您要創建此元素的新範圍：

// Case 1: child scope sharing the properties with parent 
$element.append($compile($randomElem)($scope.$new())); 

// case 2: child scope isolated, no sharing with parent 
$element.append($compile($randomElem)($scope.$new(true))); 

然後，你將需要刪除元素時，手動消滅的範圍。對於塔可以使用$scope.$destroy()

例如：

var newScope = $scope.$new(); 
$element.append($compile($randomElem)(newScope)); 


newScope.$destroy(); // or $randomElem.scope().$destroy(); 
$randomElem.remove();