Question

我在 Angular7 项目中使用了材料设计。按钮上有一个单击事件。

  itemclick(event: Event) {
 //to know the id of clicked element,ie button
 let elementId: string = (event.target as Element).id;
 console.log(elementId);
 }

这是HTML

<button mat-button color="primary" id="test1" (click)="itemclick($event)" style="outline: none">Property1</button>

但是我不能总是得到id，因为（event.target）总是在mat-button（id = test1的情况）和mat-button-wrapper（id为null的情况）之间随机变化。

该如何解决？预先感谢。

Answer 1

替换您的功能：

HTML：

<button mat-button #test color="primary" id="test1" (click)="itemclick(test)" style="outline: none">Property1</button>

TS：

itemclick(event) {
   console.log(event._elementRef.nativeElement.id)
}

StackBlitz

如何获取单击的按钮按钮而不是按钮按钮包装的ID？

1 个答案: