javascript - 在 Angular 2 中按类绑定(bind)点击事件

Question

假设我有以下模板:

<ul>
 <li id="1" class="selectModal">First</li>
 <li id="2" class="selectModal">Second</li>
 <li id="2" class="selectModal">Third</li>
</ul>

我如何在 TypeScript 中按类绑定(bind)点击事件，以便在点击 li 元素时获取该元素并查询 ID 或被点击元素的任何其他属性？

Answer 1

有很多方法可以做到这一点。直接的解决方案:

<ul (click)="onClick($event.target)">
 <li id="1" class="selectModal">First</li>
 <li id="2" class="selectModal">Second</li>
 <li id="2" class="selectModal">Third</li>
</ul>

onClick(e:HTMLElement){
    console.log(e.id, e.className);
}