angular - How to check if mat-step is currently selected?

Question

How to check if mat-step is currently selected? Something like below:

    <mat-step>
      <ng-template matStepLabel>Step 1</ng-template>
      <div class="card>
        <div *ngIf="isActiveStep">Active Step</div>
        <div *ngIf="!isActiveStep">Inactive Step</div>
      </div>
    </mat-step>

The number of steps are dynamic so I don't want to use index as part of the condition. Please help me on this.

question from:https://stackoverflow.com/questions/65919699/how-to-check-if-mat-step-is-currently-selected

Answer 1

Waitting for answers