NgTemplate внутри коврика

Question

Я пытаюсь лениво загрузить содержимое степпера, каждый свой шаг.

, поэтому я попробовал это:

mycomponent.component.ts

// To access the stepper from the template (this is working)
ViewChild('stepper') private stepper: MatStepper;

mycomponent.component. html

      <mat-step [completed]="false" [editable]="false">
        <ng-template matStepLabel>ABC</ng-template>
        {{stepper.selectedIndex}}
        <ng-template *ngIf="stepper.selectedIndex == 1">
          <app-sign-process></app-sign-process>
          <div fxFlex="100%" fxLayoutAlign="center center" *ngIf="isLoading">
            <mat-spinner></mat-spinner>
          </div>
        </ng-template>
      </mat-step>

Теперь, когда я вхожу в этот шаг, процесс подписи приложения не отображается, хотя я получаю вывод {{stepper.selectedIndex}} "1 ".

Почему не работает условие ngIf?