如何在角度8中获得所选标签的ID和元素引用

Question

我正在尝试获取选定选项卡的元素引用，但无法像undefined一样工作。我不知道为什么会这样。实际上，我想像第一个标签元素引用一样获取选定的标签元素引用名称为tab1，所以如果我单击第一个选项卡，我想获取该选项卡的ID和元素引用。例如，如果我单击第一个选项卡警报，则应为“此选项卡ID为= mytab1，元素引用为= tab1”

怎么办？如果有人知道，请帮忙找到解决方案。

app.component.html：

    <my-tabs (selectedTabClick)="test($event)">
      <my-tab [tabTitle]="'Tab 1'"  id="mytab1" #tab1>
        Tab 1 content
      </my-tab>
      <my-tab tabTitle="Tab 2" id="mytab2" #tab2>
        Tab 2 content
      </my-tab>
    </my-tabs>

演示：https://stackblitz.com/edit/angular-tabs-example-egszd2?file=app/app.component.html

Answer 1

在app.component.ts内部，如下更改方法test：

test(event): void {
    console.log(event.data);
    alert("This tab id is " + event.data.id + " and element reference is " + event.data);
}