javascript - 如何在点击时删除父元素？ - Angular JS

Question

我的列表项旁边有一个按钮，用于删除列表项。

我的按钮在列表中，所以我想找到一种方法来删除父元素。我有一个指令能够删除元素本身但不能与父元素一起删除。我尝试添加 parent.remove() 而不仅仅是 remove() 但我一直收到错误消息，AngularJS 不知道父对象是什么。

我有我的 html 作为

<ul ng-repeat="item in items | filter:{ pos: 'column1' }">
   <li>{{item.name}}<button remove-on-click ng-click="remove()" 
       class="remove-button fa fa-times"></button>
   </li>
</ul>

我有我的指令作为

.directive('removeOnClick', function() {
  return {
     link: function (scope, element, attrs) {
       scope.remove = function () {
           element.remove();
       };
     }
   }
 });

有人可以帮帮我吗？提前致谢。

Answer 1

我的天啊!我很抱歉大家，我一直在尝试 parent 和其他方式，现在我发现了我最愚蠢的错误!只需使用 parent().remove() 最终就能成功!