javascript - 使用另一个 ng-click 覆盖点击(例如 ng-click)

Question

我有一个通过 ng-click 调用函数的按钮。我想在此按钮中有一个详细的“按钮”，单击该按钮时将通过 ng-click 调用不同的函数，但不是第一个函数。请参阅这个笨蛋的问题:http://plnkr.co/edit/CqLmZMKiGPfrvRpqvtMa?p=preview

  <button ng-click="sendAlert('button clicked')">
    <span class="text">Demo</span>
    <span class="toggle" ng-click="sendAlert('? clicked')">
          <i class="fa fa-info-circle"></i>
      </span>
  </button>

任何帮助将不胜感激。谢谢!

Answer 1

ng-click 只是下面的 click 事件，它像许多其他事件一样冒泡。因此，在您的情况下，当您单击按钮内的图标时，它会运行自己的单击事件，并冒泡并执行在其父按钮上注册的单击事件。您可以传递 $event 对象并通过执行 event.stopPropgation() 停止向父级的传播。

尝试:

<button ng-click="sendAlert($event, 'button clicked')">
  <span class="text">Demo</span>
  <span class="toggle" ng-click="sendAlert($event, 'child')">
      <i class="fa fa-info-circle"></i>
  </span>
</button>

和

$scope.sendAlert = function(e,alertMessage) {
    e.stopPropagation();
    alert(alertMessage);
  };

<强> Demo