小编Omp*_*rma的帖子

ngbTabset 不以编程方式更新选项卡

我正在尝试通过 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,可能是我做错了什么。请,任何人都可以帮助我。你的好意将不胜感激。谢谢。

angular-bootstrap angular

2
推荐指数
1
解决办法
4744
查看次数

标签 统计

angular ×1

angular-bootstrap ×1