How to remove parent element on click? - AngularJS

Question

I have a button beside my list item which is to remove the list item.

My button is inside the list so I am trying to find a way to remove the parent element. I have a directive able to remove the element itself but not with the parent. I tried adding parent.remove() instead of just remove() but I kept on getting error with AngularJS doesn't know what parent is.

I have my html as

<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>

I have my directive as

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

Can someone please give me a hand? Thanks in advance.

@guradio the fiddle didn't work also I want it using angularJS instead of jQuery though — Dora
– Dora, Commented Nov 19, 2015 at 1:42

Dora · Accepted Answer · 2015-11-19 01:45:09Z

3

omg! I am so sorry everyone, I kept on trying parent and other ways and now I found out my stupidest mistake! Just using parent().remove() would eventually work!

answered Nov 19, 2015 at 1:45

Dora

7,04015 gold badges59 silver badges118 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Raj · Accepted Answer · 2016-06-29 13:02:28Z

0

Write $event inside your ng-click="remove()" function ,so the ng-click function will be ng-click="remove($event);"

$scope.remove = function(e){
    console.log(e.target); // you can see button in console
    $(e.target).parent().remove();
}

answered Jun 29, 2016 at 13:02

Raj

4911 gold badge8 silver badges28 bronze badges

Collectives™ on Stack Overflow

How to remove parent element on click? - AngularJS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related