Мне нужно в некоторых случаях перейти на определенный шаг, и я изменяю его программно, используя this.step
, чтобы изменить значение для [selectedIndex]
.
Я сделал это на ngOnInit, чтобы получитьзначение шага до появления степпера. Представление выглядит нормально, пользователь может делать то, что ему нужно, в требуемом шаге, но после этого ему нужно перейти к следующим шагам.
Давайте предположим, что значение this.step
равно 2. ПослеПользователь заканчивает, чтобы завершить данные на этом шаге, он должен изменить страницу на следующий шаг. И у меня есть кнопка для этого, но я не знаю, почему метод from (click) выполняется, но шаг не меняется. И что интересно ... если я начинаю использовать степпер с шага 0 ... и переходить с 0, все отлично работает. Что я могу сделать, чтобы решить эту проблему? Потому что иногда мне нужно начинать с другого шага и продолжать с этого шага.
<button (click)="doSomeStuff()"
matStepperNext > Next
</button>```
<mat-horizontal-stepper #stepper [linear]="true" [selectedIndex]="step">
<mat-step [editable]="true">....</mat-step>
<mat-step [editable]="false">....</mat-step>
<mat-step [editable]="false">....</mat-step>
</mat-horizontal-stepper>