Angular рекурсия, как я могу преодолеть бесконечность l oop с помощью рекурсии в angular 9

Question

У меня есть компонент, и я хочу использовать в нем рекурсию, но когда я использую рекурсию, она создает бесконечность l oop, что логично, как я могу взломать этот l oop?

html

<mat-card>
  <mat-card-header>{{ header }}</mat-card-header>
  <mat-card-title>{{ title }}</mat-card-title>
  <mat-card-subtitle>{{ subtitle }}</mat-card-subtitle>
</mat-card>

<div *ngIf="instanceNumber === 0">
  <edit id="instanceNumber" [header]="'header1'"></edit>
</div>

ц

    import { Component, OnInit, Input, AfterViewInit } from '@angular/core';

@Component({
  selector: 'edit',
  templateUrl: './edit.component.html',
  styleUrls: ['./edit.component.scss'],
})
export class EditComponent implements OnInit {
  @Input() title: string;

  @Input() header: string;

  @Input() subtitle: string;

  instanceNumber = 0;

  constructor() {}

  ngOnInit(): void {}
}