如何禁用Angular Material Stepper中的步骤?

问题描述 投票:0回答:1

我在Angular Material水平步进器中有3个步骤。我想默认启用前2个但禁用3步(但不隐藏)。

这些步骤不必具有形式值,该形式值决定当前步骤是否有效。发生了一系列后端调用,这些调用决定当前步骤是否有效。线性模式选项看起来会起作用,但它似乎依赖于它们是一个具有所需值的表单,以确定表单是否有效。我没有表格但仍想要相同类型的功能。有任何想法吗?

https://stackblitz.com/angular/dqllekdmmly?file=app%2Fstepper-overview-example.ts

javascript angular typescript angular-material
1个回答
1
投票

您不必使用表单来使用步进器。请注意线性步进器上的Angular Material documentation中的以下内容:

或者,如果您不想使用Angular表单,则可以将completed属性传递给每个步骤,这些步骤将不允许用户继续,直到它变为true。

没有表单,您只需使用自己的逻辑和步进器功能来实现状态等。

© www.soinside.com 2019 - 2024. All rights reserved.