Мне интересно, как я могу пропустить изменение шага в Angular Material Stepper.
Каждое "решение", которое я вижу, не работает. Я попытался также установить шаги относительно некоторых условий для editable = false. Но это означает, что шаг не может редактироваться, если пользователь коснулся его один раз. Инициализированный шаг с editable = false можно редактировать: (
Я хочу пропустить изменение шага, если значение равно "stop".
Stackblitz
import { Component, ViewChild } from '@angular/core';
import { Router } from '@angular/router';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent {
@ViewChild("stepper") stepper;
constructor(private router: Router) {
this.router.navigate(['material']);
}
showMaterialPage() {}
}
Для следующего необходимого случая использования:
Пользователь видит пользовательскую формуляру со многими полями ввода, флажками и т. Д. Если он внес изменения, но не отправил изменения, и он собирается щелкнуть другой диалоговое окно, то следует проверить, изменил ли он значения. Если это так, всплывающее диалоговое окно подтверждения. В этом диалоговом окне пользователю будет предложено отменить изменения или нет. Если он скажет нет, то текущий выбранный шаг не должен уходить. Это работает для меня в моем приложении, но проблема в том, что анимация все равно выполняется, и оптически кажется, что пользователь находится на следующем шаге.