angular7 - 在 URI 中的每个选项卡更改上提示输入密码 - Angular 7

Question

我有一个/adminURI，其中有 3 个子选项卡

      <ngb-tabset class="col-lg-12" type="pills" class="customTab">
    <ngb-tab id="tab-lsp3">
      <ng-template ngbTabTitle>Model Tracker</ng-template>
      <ng-template ngbTabContent>
        <app-modeltracker></app-modeltracker>
      </ng-template>
    </ngb-tab>
    <!-- **** MAIN TAB4 **** -->
    <ngb-tab id="tab-lsp4">
      <ng-template ngbTabTitle>Class Label</ng-template>
      <ng-template ngbTabContent>
        <app-classlabel></app-classlabel>
      </ng-template>
    </ngb-tab>
  </ngb-tabset>

2 个子选项卡的内容是从不同的组件中提取的，在这 2 个子选项卡之间切换时，应出现密码提示页面或弹出窗口，并且只有在密码正确的情况下才会显示各个选项卡的内容。\

如何使用 Angular 生命周期钩子来实现这一点？