angular-material-stepper Questions

4

Solved

I'm using the Angular Material Stepper component. Within my content I have separate buttons that helps the user to move to the next step once the task in the current step is complete. I want to...

4

Solved

Im using a matStepper and when i set the selectedIndex to 3 i cannot navigate using next and previous. i can click the (1) in the horizontal stepper and then use the next/prev as usual. All the for...

2

Solved

How can I remove the numbers from the Angular material stepper? I do not wish to replace them with an icon, I wish to have an empty circle. Edit : I am using angular 9
Camelopardus asked 18/6, 2020 at 23:2

5

I am using linear mat-stepper. It works fine with next. I do api call & if it's success then i call stepper-next event instead of using matStepperNext directive. Now when user fills all data ...

3

Solved

I have many steps in my stepper, so i want to divide it in two parts, i.e. When users goes inside wizard, the stepper header shows only 1--2--3--4, then, when step 4 is finished, and the user goe...
Christinchristina asked 30/12, 2019 at 16:22

3

Is there any way to use [stepControl] error matcher with template driven forms? The docs just teach about an AbstractControl instance, which apparently forces the use of a reactiveForm. I've tried...
Rapier asked 9/5, 2018 at 21:1

4

Solved

In Angular, is it possible to have a linear stepper where the individual steps are separate components? For example: <mat-horizontal-stepper [linear]="isLinear"> <mat-step [stepControl]=...
Charlsiecharlton asked 15/11, 2017 at 17:54

1

Solved

I have a page in my Angular App where it uses a stepper. When the user is for example on step 3, the first logical thing he will do to get back to the previous step (step 2) is to click on the back...
Lardon asked 15/9, 2020 at 15:24

1

Solved

I'm facing this annoying problem with Angular: I overrode stepper icons by adding in to the provides of the page: provide: STEPPER_GLOBAL_OPTIONS, useValue: {displayDefaultIndicatorType: false, sh...
Galata asked 26/3, 2020 at 21:33

1

Solved

I'm implementing a mat-horizontal-stepper in one of my components and I'm trying to get the error state to display on a step if I move from it while the [completed] property is false but this is no...

7

I have a mat-horizontal-stepper where I set linear property as true. When all the steps are valid as of now I can navigate to previous steps by clicking the header or label. I don't want that prope...

1

Solved

This is my form group. I'm using a form group inside another one: this.shopGroup = this.fb.group({ _user: [''], name: ['', Validators.compose([Validators.required, Validators.maxLength(60)])], ...
1

© 2022 - 2024 — McMap. All rights reserved.