Mat-tab-group go 直接在第二個選項卡上使用 angular

Question

我正在嘗試像這樣在我的組件中使用：

        <mat-tab-group id="stickyTabs" dynamicHeight="false" [(selectedIndex)]="selectedTab" #tabGroup (selectedTabChange)="onTabChanged($event);">
            <mat-tab *ngIf="condition" label="label1">
                <ng-template matTabContent >
                    <div class="tab-content">
                        <comp1></comp1>
                    </div>
                </ng-template>
            </mat-tab>
            <mat-tab label="label2">
                <ng-template matTabContent>
                    <div class="tab-content">
                        <comp2></comp2>
                    </div>
                </ng-template>
            </mat-tab>
        </mat-tab-group>

但是當我在我的頁面上 go 時，我直接在第二個選項卡上 go。 我想ngIf是問題所在，所以，問題是，我可以將一個帶有ngIf條件的選項卡放在首位嗎？

Answer 1

如果條件最初為真，它工作正常。 我想你的情況並非如此。 也許您也可以通過有條件地設置 mat-tab-group 來解決這個問題？