Мне интересно, как я могу пропустить пошаговое изменение в Angular Material Stepper.
Все «решения», которые я вижу, не работают. Я также попытался установить шаги, касающиеся некоторых условий, на editable = false. Но это означает, что шаг не может редактироваться, если пользователь коснулся его один раз. Инициализированный шаг с editable = false можно редактировать :(
Я хочу пропустить изменение шага, если значение равно «стоп».
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() {}
}
Для следующего варианта использования необходимы:
Пользователь видит настраиваемую формулу с множеством полей ввода, флажками и т. Д. Если он внес изменения, но не отправил их и собирается щелкнуть другое диалоговое окно, следует проверить, не изменил ли он значения. Если это так, появится диалоговое окно подтверждения. В этом диалоговом окне пользователя спросят, откажется ли он от изменений или нет. Если он скажет «нет», то текущий выбранный шаг не должен уходить. Это работает для меня в моем приложении, но проблема в том, что анимация все равно выполняется, и поэтому оптически кажется, что пользователь находится на следующем этапе.