Angular2 - 检测焦点 DOM 元素的名称

Question

我在页面上有一堆元素，我需要检测所选元素的名称。

例子:

<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。

Answer 1

您可以将 $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);
}