phá hủy chỉ thị/phạm vi con trên phạm vi tiêu diệt

Question

Tôi có một chỉ thị biên dịch một chỉ thị khác và đính kèm nó vào cơ thể với cùng phạm vi được thông qua. Đây sẽ không phải là vị trí giống như chỉ thị "cha mẹ".

Khi chỉ thị cha mẹ bị hủy là có cách nào đó để có chỉ thị và phạm vi con phá hủy không? Tôi hỏi vì sau khi kiểm tra DOM, chỉ thị trẻ em vẫn còn đó.

Hiện tại tôi đã tham gia sự kiện tiêu diệt cha mẹ $ nhưng tò mò nếu nó có thể được xử lý tự động.

jsFiddle:http://jsfiddle.net/FPx4G/1/

Đứa trẻ vẫn có khi bạn chuyển đổi các phụ huynh, nhưng tôi muốn để bị phá hủy. Phương pháp tốt nhất để làm điều đó là gì?

html:

<div ng-app="app"> 
    <div ng-controller="ParentCtrl"> 
     <button data-ng-click="toggleParent()">Toggle Parent</button> 
     <div data-ng-switch data-on="displayDirective"> 
      <div data-ng-switch-when="true"> 
       <div class="parentDirective">Parent Directive</div> 
      </div> 
     </div> 
    </div> 
</div> 

javascript:

angular.module('app', []) 
    .directive("parentDirective", function($compile){ 
     return { 
      restrict: 'C', 
      link: function(scope, element){ 
       var secondDirective = angular.element(document.createElement("div")); 
       secondDirective.addClass("childDirective"); 

       document.body.appendChild(secondDirective[0]); 

       $compile(secondDirective)(scope); 
      } 
     } 
    }) 
    .directive("childDirective", function(){ 
     return { 
      restrict: 'C', 
      template: '<div>Child Directive</div>', 
      link: function(scope, element){ 
       scope.$on("destroy", function(){ 
        alert(1); 
       }); 
      } 
     } 
    }); 


function ParentCtrl($scope){ 
    $scope.displayDirective = true; 
    $scope.toggleParent = function(){ 
     $scope.displayDirective = !$scope.displayDirective; 
    } 
} 

Thông thường, tôi muốn chỉ có các yếu tố phụ trong mẫu chỉ thị ban đầu sao cho nó đúng vị trí. Vấn đề thực sự đi xuống để đối phó với z-index. Phần tử gốc nằm trong vùng chứa có thể cuộn được, vì vậy, con (trong một trường hợp là một trình đơn thả xuống tùy chọn tùy chỉnh) sẽ bị ẩn/cắt nếu nó lớn hơn vùng chứa đó. Để chống lại điều này tôi thay vì tạo ra đứa trẻ thực sự trong cơ thể tài liệu và vị trí nó liên quan đến cha mẹ. Nó cũng sẽ lắng nghe trong các sự kiện di chuyển để định vị lại chính nó. Tôi có tất cả công việc và chỉ là tốt. Đó là những gì xảy ra khi tôi cần phải xóa cha mẹ ... đứa trẻ vẫn còn đó.

Answer 1

directive("childDirective", function(){ 
    return { 
     restrict: 'C',    
     template: '<div >Child Directive</div>',     
     link: function(scope, element){     
      scope.$on("$destroy",function() { 
       element.remove(); 
      }); 
     } 
    } 
}); 

cập nhật fiddle: http://jsfiddle.net/C8hs6/