Получите индекс шага от Углового Материала.

Question

Я пытаюсь получить выбранный шаг в компоненте, использующем степпер Angular Material Design.

Дело в том, что я пытаюсь получить его с помощью свойства selectedIndex, но теперь всегда получаю «1», когда пытаюсь его получить

        <button mat-button mat-flat-button color="primary"
                (click)="onSave(stepper)">
          SAVE
        </button>

onSave(stepper: MatStepper)
  {
    debugger;
    let workflowStepName = this.declarationWorkflowHelper.getWorkflowName(stepper.selectedIndex);

    this.screenSave.next(workflowStepName);
  }

Я ожидаювыбрал индекс степпера, но я всегда получаю «1»

Answer 1

Попробуйте явно установить stepControl на matStep.Например, firstFormGroup, secondFormGroup:

<mat-step [stepControl]="firstFormGroup">
    <form [formGroup]="firstFormGroup">
      <!-- The code is omitted for the brevity -->
      <div>
        <button mat-button matStepperNext>Next</button>
      </div>
    </form>
  </mat-step>
  <mat-step [stepControl]="secondFormGroup">
    <form [formGroup]="secondFormGroup">
      <!-- The code is omitted for the brevity --> 
     <div>
        <button mat-button matStepperPrevious>Back</button>
        <button mat-button matStepperNext>Next</button>
      </div>
    </form>
  </mat-step>