javascript - 如果单击子angular2，如何停止父请求

Question

我有类似下面的代码，我想如果我点击了 Child Div，那么 Parent Div 点击事件不应该触发。

<div class="parentDiv" (click)="parentDiv()">
   <div class="childDiv" (click)="childDiv()">Child Container</div>
</div>

当我点击“ childDiv ”时，它首先触发“ parentDiv() ”事件，然后是“ childDiv()”事件。

你能帮我解决吗？

先感谢您

Answer 1

这是你需要的地方event.stopPropagation();

<div class="childDiv" (click)="childDiv(event)">Child Container</div>

和

childDiv(event) {
 event.stopPropagation();
}

在您的情况下发生的事情称为事件传播。

当您单击子 div 时，单击事件会传播到父 div。您需要停止这种传播。

以上是实现的方法。

或者，如果你想要一个单行解决方案，它

<div class="childDiv"
 (click)="childDiv(event);$event.stopPropagation()" >Child Container</div>