如何訪問父元素並使用angularJs刪除它？

Question

我想從ng-click事件的目標元素訪問父元素並將其刪除。

我查看了一些頁面和角度文檔，發現了類似下面的內容，但這對我不起作用。

我的模板：

<div class="element-which-i-want-access">
   <span>
      <button ng-click="remove(myModelObjectInCurrentScope, $event)" class="btn btn-sm btn-danger"><i class="fa fa-trash"></i></button>
   </span>
</div>

我的控制器：

$scope.remove = function(object, $event) {
   var el = $event.target; // this meaning as clicked <button> element 
   var myTargetElement = el.parent().parent(); // this not working
   myTargetElement.remove(); // i couldn't tried this step but i couldn't got parent element yet
}

我怎樣才能做到這一點？ 提前致謝。

Answer 1

$event.target將給出 DOM 元素。 要在其上使用parent() ，需要按如下方式包裝

angular.element(el).parent().parent();

Answer 2

接受的答案對我不起作用。 但這段代碼做了：

var elem= angular.element($event.currentTarget);
var parent = elem.parent().parent();
parent.remove();