首页 > 解决方案 > 请问如何仅在 Angular 中重新加载后才加载我的第一个选项卡的内容

问题描述

我有两个有角度的选项卡,但我只想在页面刷新后加载第一个选项卡或默认选项卡,如果我单击刷新,第一个选项卡详细信息应自动显示,而不是第二个选项卡。这是我的代码。

        <ngb-tabset [activeId]="activeTab" (tabChange)="activeTab = $event.nextId">
                     <ngb-tab title="My Attendance Log" id="tab1" *ngIf="singleLog" >
                         <ng-template ngbTabContent >

                         </ng-template>
                    </ngb-tab>
                    <ngb-tab  id="tab2" *ngIf="hrDisplay">
                        <ng-template ngbTabTitle>

                        </ng-template>
                        <ng-template ngbTabContent>

在此处输入图像描述

标签: angulartwitter-bootstrap

解决方案


您可以在此处使用 activeId。

更多参考请参考: https ://github.com/ng-bootstrap/ng-bootstrap/issues/2461


推荐阅读