Angular4 /子要素（クリック）イベント

Question

私はこの上のクリックで呼び出されるべきドロップダウン機能を持っているが

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

をDIVしかし、私は<i>要素をクリックしたときにクリックイベントがトリガされません

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

とにかく、私は子のクリックイベントを親のトリガーにすることはできますか？代わりに$event.target

の

Plnkr

Answer 1

使用$event.currentTargetあなたはイベントハンドラが添付されていた要素を取得しますこの方法です。

Plunker Example

続きを読む

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