angular - Mat-tab-group 使用角度直接进入第二个选项卡

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>

但是当我进入我的页面时，我直接进入第二个标签。我想这ngIf是问题所在，你的问题是，我可以把一个标签放在第一位ngIf吗？

标签： angulartabs

Answer 1

如果条件最初为真，它工作正常。我想你的情况并非如此。也许您也可以通过有条件地设置 mat-tab-group 来解决这个问题？