javascript - 如何禁用 Angular Material Stepper 中的步骤？

Question

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

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

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

标签： javascriptangulartypescriptangular-material

Answer 1

您不必使用表格来使用步进器。请注意线性步进器的Angular Material 文档中的以下内容：

或者，如果您不想使用 Angular 表单，您可以将完成的属性传递给每个步骤，这将不允许用户继续，直到它变为真。

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