AngularJS ng-click multiple calls

Question

I wrote the next code, but when I click on the trash icon, the ng-click of this element is thrown, but the ng-click of the div container is thrown too, I don't need the second one, just the first call, could some body help me.

  <div ng-if="order.selectedProducts === null || order.selectedProducts.length > 0"
    class="cartCol hoverable" ng-repeat="product in order.selectedProducts track by $index"
    ng-click="showProductDetailed(product)">
    <div class="cartHeading" ng-bind="product.name"></div>
    <a href="" class="trashIcon" ng-click="removeSelectedProduct(product);">
      <i class="fa fa-trash"></i>
    </a>
    <div class="cartSizeInfo">
      <span class="fltLft">{{product.productTypeName}}</span>
      <span class="fltRht">Bs. {{product.price}}</span>
    </div>
  </div>

solved, I had to put $event.stopPropagation(); after the first call. — MiltonCh
– MiltonCh, Commented Nov 1, 2017 at 20:00
@MiltonCh Why don't you put it as an answer. It will help future readers. — Pritam Banerjee
– Pritam Banerjee, Commented Nov 1, 2017 at 20:13

MiltonCh · Accepted Answer · 2018-01-07 03:46:27Z

1

I had to put $event.stopPropagation(); after the first call.

answered Jan 7, 2018 at 3:46

MiltonCh

112 bronze badges

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

1 Comment

skyboyer Over a year ago

sometimes it may create another issue - say tooltip is not closed after clicking trash icon since listener is attached to <body>

Collectives™ on Stack Overflow

AngularJS ng-click multiple calls

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related