如何在以角度加载组件时获取 ngb-tabset 中的活动选项卡名称?

Question

我在项目中使用了ngbTabset作为选项卡。但是加载应用程序时，我无法在控制台中获取活动选项卡名称。请提出任何解决方案。

Answer 1

它只是询问 activeId - 你的 ngb-tab 有 id，返回这个值，否则一个"随机"名称 - 。要获取 ngbTab，您可以使用 ViewChild，您还可以检查 ngb-tabset 的 API 以获取其他属性或方法

见斯塔克闪电战

@ViewChild(NgbTabset,{static:false}) tabset
ngAfterViewInit()
{
console.log(this.tabset.activeId)
}

Answer 2

HTML:
<div class="col-md-12">
<ngb-tabset #t="ngbTabset" *ngIf="tabData" type="groups">
<ngb-tab *ngFor="let tab of tabData.groups" title={{tab.name}} >
<div></div>
</ngb-tab>
</ngb-tabset>
</div>

TS:  

export class MyTabs implements OnInit {   
private tabSet: ViewContainerRef;    
@ViewChild(NgbTabset) set content(content: ViewContainerRef) { 
this.tabSet = content;  
};