Описание тега angular-material-stepper

Используйте этот тег для вопросов об Angular Material Stepper, реализации пошагового рабочего процесса со стилями Material Design.
2 ответа

CSS для завершенного шага мата в mat-vertical-stepper

В mat-vertical-stepper У меня 4 mat-step, Как я могу поставить галочку после завершения 1-го шага? Я старался: <mat-vertical-stepper style="background:#f2ecec;" #stepper [linear]="true"> <mat-step label="General Details" [stepControl]="gene…
1 ответ

Как остановить переход пользователя к следующему шагу, пока не завершите текущий шаг с помощью Angular Material Stepper(Angular 4)

Я использую Angular Material для создания своих степперов, и я хочу, чтобы пользователь перемещался шаг за шагом, что означает, что пользователь должен завершить текущий шаг, чтобы перейти к следующему шагу, однако во время поиска документов Angular…
4 ответа

Угловой материал - предотвращение перемещения коврика между ступенями

У меня есть mat-horizontal-stepper где я установил линейное свойство как true. Когда все шаги действительны на данный момент, я могу перейти к предыдущим шагам, щелкнув заголовок или метку. Я не хочу эту собственность. Мне нужно перемещаться только …
1 ответ

Угловой материал: программный "следующий" для линейного степпера

Я хочу использовать угловой шаговый материал, но мне нужно сделать асинхронный сервисный вызов, прежде чем перейти ко второму шагу. Как мне этого добиться? Я мог бы добавить обработчик щелчка к следующей кнопке, но он не будет ждать, пока асинхронны…
4 ответа

Угловые метки 4 материала не определены

Я пытаюсь использовать степлер Angular Material, изучив документацию, но когда я вставляю тег HTML Material Stepper в мое приложение Angular, он говорит мне, что это не известный элемент. HTML: <mat-horizontal-stepper [linear]="isLinear" #stepper…
0 ответов

Как "выделить" как текущий, так и следующий шаг в MatStepper?

Я пытаюсь использовать MatStepper, чтобы отобразить "сегментный" вид (между остановками поездов). Чтобы добиться этого, когда пользователь выбирает остановку (шаг), выбранная остановка и следующая остановка подсвечиваются (без отображения содержания…
09 янв '19 в 17:33
1 ответ

Как центрировать материал по горизонтали с помощью флекс-макета?

Я стараюсь использовать в своем проекте только flex-layout и избегать ванильных CSS. Я не могу понять, как отцентрировать горизонтально-угловой материал степпера и получить хороший обзор. я проверяю margin: 0 auto; и это работает правильно. Вот мой …
4 ответа

Угловой степпер с установленным selectedIndex matStepperNext/matStepperPrevious не работает

Я использую matStepper и когда я устанавливаю selectedIndex на 3, я не могу перемещаться, используя next и previous. я могу щелкнуть (1) в горизонтальном степпере и затем использовать следующий / предыдущий как обычно. Все формы действительны, и я м…
2 ответа

Как сделать отдельные угловые материалы, шаговый коллектор и содержимое?

Я делаю вертикальный степпер с угловым материалом. Дело в том, что этот степпер помещает содержимое каждого шага ниже заголовка шага, поэтому, если есть много шагов, он выглядит просто замечательно, потому что вам нужно прокрутить. Моя идея состоит …
2 ответа

Angular, как сохранить целую страницу или данные компонента для последующего использования

У меня есть приложение angular 6, в котором есть разные компоненты (экраны), использующие горизонтальный шаговый элемент @angular/material, и каждый шаг имеет сложные формы (формы и группы форм на основе шаблонов), и я хочу сохранить все этапы в чер…
1 ответ

Угловой материал шаговой подачи

Я создал коврик степпер с 6 ступенями. 6-й этап - отправка. Каждый этап состоит из 7 входных значений и устанавливается в соответствии с определенной группой форм и контролем формы. @ 6-е представление, объект идет как отдельный для каждой группы, х…
3 ответа

Определить, когда проверка валидатора не удалась

У нас есть линейный mat-horizontal-stepper Теперь мы хотим показать MatSnackBar когда пользователь пытается продолжить забытое обязательное поле. CdkStepper кажется звонит _anyControlsInvalidOrPending молча и возвращает, если какой-либо ввод не дейс…
3 ответа

Шаг вперед при возврате мат-степпера при нажатии на предыдущий - угловой 6

Приложение Angular 6 stepper.component.html, <mat-horizontal-stepper #stepper (selectionChange)="selectedStep($event)"> <ng-template matStepperIcon="edit"> <mat-icon>check_circle</mat-icon> </ng-template> <ng-templat…
0 ответов

Angular Material Stepper в линейном режиме с одной группой форм вместо нескольких

Я пытаюсь сделать степпер для линейной регистрации, используя только форму, но проблема в том, что у вас должно быть несколько групп форм для каждого шага. В настоящее время для ее решения у меня есть функция, которая проверяет, являются ли эти опре…
1 ответ

Как отправить несколько форм с помощью одной кнопки в Angular Material Stepper?

Согласно моему интерфейсу, ситуация полностью отличается от этого вопроса Как отправить форму в степпере Мой сценарий заключается в том, что мне нужно создать один степпер с несколькими формами. Чтобы. Я назначил каждую форму на отдельные компоненты…
3 ответа

MatHorizontStepper stepControl с шаблонно-управляемыми формами

Есть ли способ использовать [stepControl] ошибка сопоставления с шаблонами управляемых форм? Документы только учат об экземпляре AbstractControl, который, очевидно, заставляет использовать реактивную форму. Я пытался использовать [stepControl]="myNg…
0 ответов

Отдельные метки, горизонтальные и степпер

Я хочу, чтобы пошаговые метки отображались на панели инструментов, а содержимое - в другом. что-то вроде: <div> <mat-horizontal-stepper md-stretch-steppers="always"> <mat-step> <ng-template matStepLabel>Head 1</ng-template…
1 ответ

Тема углового материала

Я использую угловой материал в своем проекте. Я использовал боковую навигационную панель и степпер, но они выглядят не так, как выглядят в демоверсии. Я импортировал необходимую тему CSS в файл scss. Пожалуйста, найдите ниже коды, formstepper.compon…
1 ответ

Angular Material Mat-Stepper: Как использовать одну и ту же группу форм для нескольких шагов?

Это моя форма группы. Я использую группу форм внутри другой: this.shopGroup = this.fb.group({ _user: [''], name: ['', Validators.compose([Validators.required, Validators.maxLength(60)])], url_name: [''], desc: ['', Validators.compose([Validators.req…
0 ответов

Почему функциональность изменения цвета существует и для мобильных устройств?

Позвольте мне быть более точным в отношении шагового заголовка. Если вы щелкнете по нему в мобильном представлении, из-за эффекта "зависания" останется легкий сероватый цвет фона. Почему такая вещь не обрабатывается в материале Angular? Это намеренн…