angular - Angular2-检测聚焦的DOM元素的名称

我在页面上有很多元素，我需要检测所选元素的名称。
例子：

<select (click)="functionDetectName()" name="test1">
<select (click)="functionDetectName()" name="test2">
<select (click)="functionDetectName()" name="test3">

functionDetectName() {
console.log("What to put here to detect the name of the select element?");
}

所以，当我单击test1选择框时，控制台日志应该输出：test1，当在test2上时，它应该输出test2。

最佳答案

您可以将$event传递给functionDetectName()函数，然后从传递的数据中获取属性名，例如：

<select (click)="functionDetectName($event)" name="test1">
<select (click)="functionDetectName($event)" name="test2">
<select (click)="functionDetectName($event)" name="test3">

functionDetectName(event: MouseEvent) {
    console.log(event.srcElement.name);
}

关于angular - Angular2-检测聚焦的DOM元素的名称，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42234635/