问题标签 [angular-material-stepper]

我使用垂直材料步进器，我想默认打开第二个项目。现在它打开第一个项目。我想默认打开“填写您的地址”。为此，我使用了 Material Angular。因此，当我打开应用程序时，我想打开第二个项目并更改图标颜色。我附上了代码。我将不胜感激任何帮助。

html:

TS：

我有 2 - 4 步表格。我已经分离出如下结构的表格。首先是auth文件夹，然后是文件register夹。在这register-register.ts和register.html。在register.html我实施mat stepper如下：

根据我的register.ts：

现在这 <kt-stepone>是我的第 1 步表单，它是单独的模块，我在那里实现了下一步按钮。

现在，当我实施时isLinear = true;，即使在填写了整个表格之后，它也不会继续下一步。如果我没有填写表格，那么它会按预期工作，用红色突出显示文件

对于参考，这里是<kt-stepone>代码：

由于我是第一次使用角度，请告诉我在这种方法中我在哪里犯了错误。

更新了 KT-STEPONE.ts：

我总共有 8 步表格。我在文件中register.html使用了步进形式。现在，这 8 个步骤来自具有 8 种不同步骤形式的步骤模块。isLinear=trueregister.ts

实际上，当我使用doc中的步骤形式时。

这对我来说可以。

但是当我试图调用<mat-form-field>from steps 表单的内容时，它给了我一个mat-form-field must contain a MatFormFieldControl. 我明白了这个问题。现在我被困在：

如何<mat-form-field>使用isLinear = true.

这是我的代码：

就像标题说的那样，我想让最后一步在剩下的已经填满时才可以访问。

我的步骤如下所示：1-登录详细信息-> 2-个人详细信息-> 3-检查

如果没有所有详细信息就去检查是没有意义的。但我不想让它线性化，这样你就可以随意在登录和个人详细信息之间切换。

HTML：

TS：

我想要一个有角度的材料步进器，第一步是关闭的（不展开）。在表单验证或输入框验证上，我想展开第一步。我怎样才能做到这一点？第二，第三步我可以用“this.stepper.next();”做 或“this.step++，this.step--”等。

我正在尝试使用 Angular CDK Stepper 创建一个通用步进器组件，如此处提到的https://material.angular.io/guide/creating-a-custom-stepper-using-the-cdk-stepper。

我想使用 ngTemplateOutlet 通过模板引用传递步进器的页眉和页脚模板。

当我将按钮中的 cdkStepperPrevious、cdkStepperNext 传递给模板时，模板不起作用。

代码可以在这里找到https://stackblitz.com/edit/angular-bgyqqz-r8axmr

错误

preview-4adb70f742b91f09679fb.js:1 错误错误: StaticInjectorError(AppModule)[CdkStep -> CdkStepper]: StaticInjectorError(Platform: core)[CdkStep -> CdkStepper]: NullInjectorError: No provider for CdkStepper! 在 NullInjector.get (injector.ts:43) 在 resolveToken (injector.ts:346) 在 tryResolveToken (injector.ts:288) 在 StaticInjector.get (injector.ts:168) 在 resolveToken (injector.ts:346) 在tryResolveToken (injector.ts:288) 在 StaticInjector.get (injector.ts:168) 在 resolveNgModuleDep (ng_module.ts:125) 在 NgModuleRef_.get (refs.ts:507) 在 resolveDep (provider.ts:423)

我想通过基于所选步进选项卡的提交按钮在角度材料表中显示数据。我想将动态参数传递给每个步进选项卡提交按钮。数据源需要相应地更改传递的参数和表。

我有一个基于 Cdk 的自定义步进器，但它是动态的。所以它绑定到一个FormArray。当一个项目被添加到 formArray 时，我需要重定向到最新的步骤。CdkStepper 似乎不会触发将项目添加到步骤集合的任何事件。

我尝试订阅 FormArray 上的 valueChange，但它在添加新步骤之前触发。

这是一个带有设置的堆栈闪电战。

我在组件中使用 Angular Material Stepper。问题是，当组件第一次加载时，它会因错误消息而中断

我的模板

我的 TS

而且我还在 TS 中定义了步进器

但是如果我使用 [disabled] 属性作为

比步进器按预期工作。

笔记：

我正在使用 Angular Material 步进器。使用 STEPPER_GLOBAL_OPTIONS，我可以像这样更改步骤的状态：

但是，如何访问这些图标的列表？或者，有什么方法可以使用我自己的吗？