角度移除元素

Question

我有一个指令：

app.directive('eventView', function () {
  return {
    restrict: 'E',
    replace:true,
    templateUrl: 'partials/EventView.html',
    controller: 'eventController',
    link: function(scope, element){  
        scope.$on("$destroy",function() {
            element.remove();
        }); 
    }
  }
});

指令的控制器：

app.controller('eventController', function($scope, $rootScope){
  $scope.removeEvent = function (){
    $scope.$broadcast("$destroy")
  }
});

在根作用域中有多个相同指令的实例。每个指令都是一个 div，其中有一个删除按钮，该按钮绑定到控制器定义中的 removeEvent 方法。

问题是，当在其中一个 div（来自 eventView 指令）中按下删除按钮时，所有 div 都将被删除。我只希望删除正在广播销毁的当前指令。我知道它是因为我正在广播 $scope.$broadcast("$destroy") 但我怎样才能只删除当前范围，是否有仅适用于当前范围的预定义方法

Answer 1

如果您使用的是 ng-repeat，那么您可以使用 $index 作为这些 div 的唯一标识符... 只需更新您的代码，如下所示：

app.directive('eventView', function () {
  return {
    restrict: 'E',
    replace:true,
    templateUrl: 'partials/EventView.html',
    controller: 'eventController',
    link: function(scope, element){  
        scope.$on("$destroy" + identifier,function() {
            element.remove();
        }); 
    },
    scope: {identifier : '@'}
  }
});

并使用标识符广播事件

app.controller('eventController', function($scope, $rootScope){
  $scope.removeEvent = function (identifier){
    $scope.$broadcast("$destroy" + identifier)
  }
});

如果 div 不是 ng-repeat 的一部分，那么您将需要某种标识符来识别要销毁的 div...