防止角JS指令在移动元素时触发两次

Question

每次添加元素时，都会再次触发该指令。我只是想将elem纳入icr主模态布局元素。

.directive('icrMainModal', function() { 
    return { 
    restrict: 'E', 
    templateUrl: 'views/icr-main-modal.html', 
    scope: { 
     state: '=icrVState' 
    }, 
    transclude: true, 
    compile: function(elem, attrs) { 

     angular.element('icr-main-modal-placement').append(elem); // because of this, the directive is fired again. I just want to move elem into 'icr-main-modal-placement' 

     return function(scope, elem) { 

     scope.$on('$destroy', function() { 
      return elem.remove(); 
     }); 

     }; 

    } 
    }; 
}); 

Answer 1

我能想到的一种方法是为Attribute指定此指令而不是Element，并在编译/链接方法中删除属性？

.directive('icrMainModal', function() { 
    return { 
    restrict: 'A', 
    templateUrl: 'views/icr-main-modal.html', 
    scope: { 
     state: '=icrMainModal' 
    }, 
    transclude: true, 
    compile: function(elem, attrs) { 
     elem.removeAttr('icr-main-modal'); 
     angular.element('icr-main-modal-placement').append(elem); 

     return function(scope, elem) { 

     scope.$on('$destroy', function() { 
      return elem.remove(); 
     }); 

     }; 
    } 
    }; 
});