javascript - AngularJS ng 单击多次调用

标签 javascript angularjs

我写了下一个代码,但是当我点击垃圾桶图标时,这个元素的ng-click被抛出,但是div容器的ng-click也被抛出,我不需要第二个,只是第一次打电话,有人可以帮助我吗?

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

最佳答案

我必须把 $event.stopPropagation();第一次通话后。

关于javascript - AngularJS ng 单击多次调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47062563/

相关文章:

javascript - 获取索引问题 - JQuery

javascript - 为每个 <li> 更改不同的类

javascript - 单击按钮时在 <td> 中显示计算的算术平均值

javascript - AngularJS $resource 返回缓慢

javascript - 为什么表达式在 Angular Controller 中没有动态更新?

javascript - 将脚本和样式应用于 iFrame?

javascript - 返回顶部按钮和页脚(定位)

javascript - 如何更改 Angular Material 日期选择器当前日期颜色

javascript - 多个 Promise 并行运行,$q.all 需要链接吗?

angularjs - 如何使用 AngularJS 创建可排序的 Accordion ?