我正在尝试通过 ngbTabset.select() 以编程方式激活选项卡(非默认激活),但它不起作用。
<ngb-tabset #ctdTabset="ngbTabset">
<ngb-tab id="tab1">
<ng-template ngbTabTitle>
<div (click)="loadView('tab1')">
<span>Tab 1</span>
</div>
</ng-template>
<ng-template ngbTabContent>
// tab 1 content here
</ng-template>
</ngb-tab>
<ngb-tab id="tab2">
<ng-template ngbTabTitle>
<div (click)="loadView('tab2')">
<span>Tab 2</span>
</div>
</ng-template>
<ng-template ngbTabContent>
// tab 2 content here
</ng-template>
</ngb-tab>
</ngb-tabset>
// component.ts
export class DashboardComponent implements OnInit {
@ViewChild('ctdTabset') ctdTabset;
ngOnInit() {
this.switchNgBTab('tab2');
}
switchNgBTab(id: string) {
this.ctdTabset.select(id);
}
}
Run Code Online (Sandbox Code Playgroud)
它没有更新tab2,可能是我做错了什么。请,任何人都可以帮助我。你的好意将不胜感激。谢谢。