Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Linear stepper without a form

See original GitHub issue

Bug, feature request, or proposal:

Proposal

What is the expected behavior?

Assign a condition for a step to be completed manually (form-independent)

What is the current behavior?

No option to mark step as completed without a form

What is the use-case or motivation for changing an existing behavior?

Fit more use cases

Is there anything else we should know?

for example:

<mat-horizontal-stepper formArrayName="formArray" linear [completed]="items.length">

Issue Analytics

State:
Created 6 years ago
Reactions:6
Comments:6 (2 by maintainers)

Top GitHub Comments

1reaction

Maisthocommented, Jan 30, 2018

@Dannythm Looks like you need to bind to [completed]. See this modification of your stackblitz:

https://stackblitz.com/edit/mat-horizontal-stepper-5d2ttr

0reactions

angular-automatic-lock-bot[bot]commented, Sep 8, 2019

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

Top Results From Across the Web

Material Stepper Without Form - StackBlitz

<button mat-raised-button (click)="isLinear = !isLinear" id="toggle-linear">. {{!isLinear ? 'Enable linear mode' : 'Disable linear mode'}}. </button>.

Angular Material Stepper component prevent going to all the ...

I'm not using form inside the stepper. I've seen the Linear property of the component, but it does not suit my requirement.

Linear Stepper does not work with non-form content

*Actual behavior*it works almost great, but if there are steps, that not contain a form, but other controls (e.g. selection of people via...

Stepper | Angular Material

Note that since linear steppers prevent a user from advancing past an invalid step to begin with, this setting will not affect steppers...

Angular Material Stepper 'linear' issue for everyone? - Reddit

The problem is with the stepper. When I set my stepper with linear='true', I still can go through the steps by clicking on...