我有以下代码:
<md-tab-group (selectChange)="doSomething()">
<md-tab *ngFor="let p of something))">
<template md-tab-label>
{{p.name}} ...
</template>
</md-tab>
</md-tab-group>
现在 doSomething() get 在 Tab-Change 上触发,我可以访问选定的索引,但是有什么方法可以访问我的 *ngFor 循环的值吗?我需要在代码中使用“p.id”来从数据库中获取数据,具体取决于打开的选项卡。 还是有我没有想到的更优雅的解决方案?感谢您的帮助:)
最佳答案
我通过将 $event 发送到函数来解决这个问题
<md-tab-group #tabs (selectChange)="myFunction($event)">
<md-tab label="My label" data-my-value="123">
...
</md-tab>
...
</md-tab-group>
然后从该对象获取值
myFunction($event: any) {
let myValue = $event.tab.content.viewContainerRef.element.nativeElement.getAttribute('data-my-value');
}
关于Angular2 Material 访问选项卡值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41151009/