Angular 5 - метод Mat-tab, вызываемый внутри * ngFor, выполняется несколько раз

У меня есть сомнения, что когда я вызываю функцию внутри *ngFor , она выполняется несколько раз, число которых больше, чем элементов в массиве tabsName . Вот код ниже:

     <mat-tab-group>
      <mat-tab  *ngFor="let tab of tabsName">
        <ng-template mat-tab-label>
          {{getTabName(tab)}}
          <span class="badge">{{getTabCount(tab)}}</span>
        </ng-template>
        <div *ngTemplateOutlet="comments"></div>
      </mat-tab>
    </mat-tab-group>  


    <ng-template #comments>
      <div class="col-sm-9 jj-pad-0">Deep</div>
</ng-template>

После реализации всех хуков жизненного цикла компонента стало известно, что некоторые методы хуков жизненного цикла вызываются снова и снова.

Я хотел знать, это правильное поведение или нет?

Свойства tabsName — имя и количество. Имя и счет, которые я получаю от службы, делающей вызов на отдых.

tabsName : [{имя: 'tab1', количество: '2'}, {имя: 'tab2', количество: '1'}]

Ниже находится файл ts.

export class TabsComponent implements OnInit {

  @Input() tabsName: any;
  @Input() template: TemplateRef<any>;
  @Output() tabSelected: EventEmitter<any> = new EventEmitter();

  constructor(private service: SomeService) {

  }

getTabName(tab): string {

    return this.service.configData[tab]['UILabel'];
  }

  getTabCount(tab): number {
    if (this.service.dataMap) {
      return this.service.dataMap.get(this.service.configData[tab]['dataType']).data.length;
    }
  }

  onSelect(event) {
    this.tabSelected.emit(event);
  }

}