Typescript 如何获取所选选项卡'；角8中的s id和元素引用

我正在尝试获取所选选项卡的元素引用，但无法获得未定义的元素引用。我不知道为什么会出现这种情况。实际上，我希望获取所选选项卡元素引用名称，就像第一个选项卡元素引用是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>

表1内容
表2内容

---

演示：

在

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