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

【问题标题】：Mat-tab-group go directly on second tab using angularMat-tab-group 使用角度直接进入第二个选项卡
【发布时间】：2021-02-17 16:19:29
【问题描述】：

我正在尝试像这样在我的组件中使用：

        <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 条件下将标签放在首位吗？

【问题讨论】：

标签： angular tabs

【解决方案1】：

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

【讨论】：

谢谢队友！初始化条件工作正常！