首页 文章

Angular4 / Child元素未触发父(单击)事件

提问于
浏览
7

我有一个下拉功能,只需点击这个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

1 回答

相关问题