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);
}

Answer 2

你可以传递像

这样的名字

GetResponse()

或者如果你真的想要你可以做的属性

<select (click)="functionDetectName('test1')" name="test1">

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

2 个答案: