沒有觸發父Angular4 /子元素（點擊）事件

Question

我有一個下拉功能，應與此點擊被稱爲div的

<div (click)="toggleDropdown($event)" data-id="userDropdown"> 
Username <i class="mdi mdi-chevron-down"></i> 
</div> 

但是，當我點擊<i>元素上的click事件沒有被觸發

toggleDropdown($event) { 
    const id = $event.target; 
    document.querySelector('[data-drop=' + id.getAttribute('data-id') + ']').classList.toggle('active'); 
} 

無論如何，我可以讓孩子點擊事件觸發父母的一個？

Plnkr

Answer 1

使用$event.currentTarget而不是$event.target

這樣，您將得到該事件處理程序已附加的元素。

Plunker Example

更多

• https://developer.mozilla.org/en/docs/Web/API/Event/currentTarget