Описание тега mat-stepper

Вопросы с тегом
0 ответов

Угловой материал - коврик степпер

Получение выражения expressionafterithasbeencheckederror: выражение изменилось после его проверки. предыдущее значение: 'stepcontrol: undefined'. текущее значение: 'stepcontrol: [объект объекта]' в строке, где я использовал ссылки на формы дочернего…
02 фев '19 в 18:46
0 ответов

Как загрузить один динамический компонент для каждого шага на степпере

С моей проблемой связано то, что мне нужно динамически загружать один компонент массива на каждом шаге моего степпера в шаблоне. Я следовал руководству Angular для загрузки динамических компонентов в шаблон, но пока я способен только рендерить все к…
30 авг '18 в 09:10
1 ответ

Дочерний компонент для ожидания асинхронной операции родительского компонента ngOnInit перед инициализацией

Я использую mat-stepper для реализации процесса адаптации клиента. Все 5 персонажей child mat-stepper component находятся внутри одного parent составная часть. <parent-html> <mat-horizontal-stepper #ccStepper [linear]="isLinear"> <mat…
12 авг '18 в 08:45
1 ответ

Угловой материал 7: Невозможно правильно выбрать переключатели внутри компонента, используя клавиатуру

Я разрабатываю приложение с Ionic 4/Angular 7/Angular Material 7. На экране есть степпер. Внутри каждого степпера есть сложные формы. Учитывая его сложность, я поместил эту форму внутри компонентов. Во втором шаге есть радиогруппа. Когда я открываю …
28 янв '19 в 11:19
1 ответ

Отключить эффект "Ripple" компонента Angular Meterial Stepper (при нажатии на вкладку)

У меня есть приложение, которое использует компонент Angular Material Stepper. <mat-horizontal-stepper> Как отключить поведение "ряби" на вкладках "щелчок по шагам" без CSS-хаков? Спасибо!
04 окт '18 в 11:08
0 ответов

Запретить рендеринг компонента с помощью ndcDynamicComponent в mat-vertical-stepper с определенным условием

Я использую mat-vertical-stepper с динамическим компонентом, используя (ndcDynamicComponent) эмиттер. Я хочу остановить функцию эмиттера при определенных условиях. Я использую угловой 7. Ниже я упомянул свои коды. <mat-vertical-stepper #stepper […
14 фев '19 в 08:37
1 ответ

Отключить предыдущие завершенные шаги на мат-степпере в углу 6

Я работаю над проектом в Angular 6 с материалом Angular, и по одному конкретному маршруту у меня есть степпер с 6 ступенями, настроенный с isLinear=trueТаким образом, пользователь не может перейти к следующему шагу, пока не завершит фактический шаг …
04 окт '18 в 13:22
2 ответа

Браузер назад и вперед кнопки для каждого шага в угловом материале Stepper

У меня есть степпер, который загружает дочерние компоненты. Я хочу, чтобы пользователь мог нажимать кнопки браузера "назад" и "вперед", когда они хотят вернуться назад или вперед на шаг. Мое предположение использует Location служба в @angular/common…
15 янв '19 в 19:11
4 ответа

Компонент Angular Material Stepper предотвращает переход на все не посещенные этапы

Я использую компонент Angular Material Stepper. В моем контенте у меня есть отдельные кнопки, которые помогают пользователю перейти к следующему шагу после завершения задачи на текущем шаге. Я хочу запретить пользователю переходить к следующим шагам…
23 окт '18 в 11:11
3 ответа

Как сохранить мат-горизонтальный шаг в центре страницы

Я использую Angular 6 Mat-Horizontal-Stepper. Я хочу придать ей определенную ширину и сохранить ее в центре страницы. Для контейнера с горизонтальным содержимым я могу держать его в центре .mat-horizontal-content-container text-align: center; overf…
27 мар '19 в 18:49
0 ответов

Вместо значка, текст идет в мат-шаг в Angular6

Я пытаюсь реализовать степпер Angular Material. Я просто следую " https://stackblitz.com/angular/maxbjapeayr?file=app%2Fstepper-states-example.ts " этим и занимаюсь. Но почему я не могу увидеть значок здесь. И если я хочу добавить пользовательский з…
27 мар '19 в 15:20
3 ответа

Как переместить степпер от одного шага ко второму шагу, используя угловой и угловой материал

У меня 2 - 4 ступенчатая форма. Я выделил форму, как показано ниже. Сначала есть auth папка под то там register папка. Под этим register - register.ts а также register.html, Под register.html Я реализовал mat stepper как ниже: <mat-horizontal-ste…
26 апр '19 в 10:40
0 ответов

Горизонтальная шаговая анимация

Подскажите , как изменить стандартную анимацию перехода для компонента MatHorizontStepper. я пытаюсь использовать animations: [ trigger('verticalStepTransition', [ state('previous', style({height: '0px', visibility: 'hidden'})), state('next', style(…
03 июл '19 в 21:29
0 ответов

Значения форм, равные нулю, для углового материала Stepper с использованием динамических форм

Я создал приложение Angular с использованием динамических форм. Вот пример, которому я следовал: https://stackblitz.com/edit/github-gaztsv Теперь мне нужно создать степпер и каждый шаг будет содержать новую форму. Я создал компонент и вижу разные фо…
10 июл '19 в 14:00
3 ответа

Материал Степпер | Навигация по заголовку, вызывающая метод для выполнения дважды

Я использую степпер с динамическими формами на каждом шаге. Я создал методы для кнопки "Назад" и "Далее", которые я вызываю при нажатии кнопки "Далее" и "Назад" следующим образом: <button (click)="previousStage()" mat-raised-button matStepperPrev…
05 авг '19 в 17:17
0 ответов

Как динамически привязать один конкретный шаг мата в mat-stepper к различным формам на основе выбора

В настоящее время я использую коврик-горизонтальный степпер с четырьмя ступенями. На моем втором шаге есть элемент управления mat-select для пользователей, чтобы выбрать, какую форму загружать на третьем шаге. Мне удалось связать различные формы с т…
12 авг '19 в 05:19
0 ответов

Как получить событие загрузки материала степпера в угловых 6

У меня в приложении есть вертикальный пошаговый материал, который показан в модале начальной загрузки. Я использовал директиву selectionChange внутри mat-vertical-stepper для отслеживания события onchange. Но это не сработало изначально. Мои данные …
22 авг '19 в 10:19
1 ответ

Используйте расширенную пользовательскую проверку в несколько шагов

Мой довольно сложный Stackblitz Обычно, когда у меня сложная проверка в реактивных формах, я определяю formGroup для тех элементов управления, которые зависят друг от друга. Это невозможно в вышеупомянутом сенарио, где мы имеем 3 steps = 3 groups и…
12 июн '19 в 20:15
2 ответа

Угловой материал: при увеличении размера шагового круга мата положение линии меняется

Пожалуйста, проверьте мой фрагмент кода stackblitz
20 апр '20 в 05:44
0 ответов

Толщина шагового коллектора Material Design

Я использую <mat-vertical-stepper> с участием <ng-templates> для matStepLabel и matStepperIcon следующим образом: <mat-vertical-stepper> <mat-step> <ng-template matStepLabel> my_label </ng-template> <ng-templat…
10 июн '20 в 18:23