Use this tag for questions about Angular Material Stepper, the implementation of stepped workflow with Material Design styling.
Questions tagged [angular-material-stepper]
123 questions
1
vote
2 answers
Angular 2+: Divide mat step into 2 pages
I use a mat stepper in my app.
But depending on the user action on one step, the following step will be different (the component shown won't be the same). And in one case, I need to display 2 pages instead of one for this next step.
Is there a way…
Manon Ingrassia
- 270
- 3
- 14
1
vote
0 answers
Angular reactive FormGroup is not reset in third party controls
I am using Angular6 and angular material stepper. There are three flows in which stepper control have one form and second stepper control have 2 input fields.
When i have entered the firstStepperCtrl and navigate to second stepper and click on prev…
Mohamed Sahir
- 2,482
- 8
- 40
- 71
1
vote
3 answers
stepper component using angular similar to one in
I am building a simple angular4 application and would like to add a stepper component. I am looking similar to the one attached below in one of the website. The source code is given in react. But i need in angular2/4.
Has anyone implemented a…
Mukil Deepthi
- 6,072
- 13
- 71
- 156
1
vote
0 answers
init stepper from parameters of the URL
I want to initialize the index of my stepper against the parameter in the URL.
I recover the parameter well but my stepper is not displayed.
My url : http://localhost/toto?stepNumber=0
My code :
stepNumber: Observable;
ngOnInit() {
…
Matthis.h
- 849
- 3
- 14
- 30
1
vote
3 answers
Angular 2+: Mat Stepper stepcontrol binding doesn't work
I have in my app a matStepper with its 2 first steps that look like this:
...
Manon Ingrassia
- 270
- 3
- 14
1
vote
0 answers
separate mat-horizontal-stepper labels and content
I want the stepper labels to be shown in a toolbar, but the content to be shown in another div.
something like:
Head 1
…
Erffun
- 43
- 7
0
votes
2 answers
Angular Material Stepper with reusable form component
I'm trying to implement an Angular Material Stepper by creating a form component that can be inserted as a step for multiple, larger forms.
For example, say I have N number of forms, and the first step will always be the same (name and address…
wtylergibbons
- 98
- 1
- 6
0
votes
0 answers
How to get a reference to MatStepHeader
I am using a material stepper control to implement a multi-step workflow. There are times when I need to set focus to the current step header. The MatStepHeader directive exposes a focus method, but I can't find any way to get a reference to the…
Jack A.
- 4,245
- 1
- 20
- 34
0
votes
0 answers
Angular Material Stepper with Dynamic Steps
I've got a Material Stepper connected to a Reactive Form. The actual steps vary, depending on the results of previous steps.
For example, on the first step of the wizard, there is a slider control to select t-shirt or coffee (totally made up…
FunkMonkey33
- 1,956
- 2
- 16
- 24
0
votes
1 answer
Angular Material apply classes on mat-horizontal-stepper
Running Angular 11
I have two separate components, each of which contains a material horizontal stepper. I want to use a class to control the color of the selected and unselected stepper options. I can set styles that apply to all steppers, but…
A. Patterson
- 41
- 2
- 6
0
votes
1 answer
Populate angular material steppers with data from the database
I am trying to send data from the angular material steppers to a database and read it back. So far, I am able to send it to the back end from the steppers. But failed to populate each stepper with data from the database, to edit for a particular…
Naod Agere
- 39
- 1
- 6
0
votes
1 answer
Exploring possibility of Angular Material Stepper taking component as input
I'm new to angular and I've been playing around Stepper function.
Problem Statement:
I'm trying to create a Stepper Higher Order Component that would
accept components as input (For each step) and renders.
The goal is i will be able to pass in…
TechnoCorner
- 4,879
- 10
- 43
- 81
0
votes
0 answers
Angular Material Stepper that renders components
I'm new to angular and I've been playing around Stepper function and I'm trying to solve this problem:
Problem Statement:
I'm trying to create a Stepper Higher Order Component that would
accept components as input (For each step) and renders.
The…
TechnoCorner
- 4,879
- 10
- 43
- 81
0
votes
0 answers
Angular Material Stepper with Autocomplete more options to step
I have a question, is it possible that if I select an item in autocomplete via ngModel in step1, a different window will open every time I select it - different content in step 2. (for example, I load a different component, but let it be displayed…
Din14
- 41
- 4
0
votes
0 answers
Angular Material stepper animation on step change
Angular Material horizontal stepper has a nice animated feature on step change. On each step the new content is scrolled on enter. But it is missing the leave animation!
How it could be implemented?
For reference the demo
Demo:…
Balto
- 49
- 11