在加载tab组件时触发selectedTabChange函数

Question

在我的应用程序中使用angular material选项卡组件，调用tab更改功能（selectedTabChange）。同时渲染组件也是相同的函数触发器（loadTrigram（））。

我们如何避免对组件加载进行函数调用。

<mat-tab-group (selectedTabChange)="loadTrigram($event)">
     <mat-tab label="Catalog" (click)="loadChanges()" *ngIf="projectslist?.length>0"></mat-tab>
     <mat-tab [label]="projectInfo" *ngFor="let projectInfo of projectslist; let i = index">
     </mat-tab>
  </mat-tab-group>

Answer 1

您可以使用布尔值：

hasLoaded : false;

loadTrigram(event) {
  if (!this.hasLoaded) {
    this.hasLoaded = true;
  } else {
    this.hasLoaded = true;
    /// Your code here
  }
}

loadChanges() {
  this.hasLoaded = true;
  // Your code here
}