问题标签 [angular-material-stepper]

当我按下下一步按钮时，步进器不会进入下一步我错过了什么？？

我的.component.html

我的.component.ts 文件

我想使用角度材料步进器，但在进行第二步之前我需要进行一些异步服务调用。我怎样才能做到这一点？我可以将单击处理程序添加到下一个按钮，但这不会等待异步调用返回并继续进行。这是一个 plnkr。

在 html 模板中，我会有按钮：

在组件中：

有没有办法使用完成的步骤属性？

我正在使用 Angular Material 来构建我的步进器，我希望用户逐步移动，这意味着用户必须完成当前步骤才能进入下一步，但是在搜索 Angular Material Docs 和 CDK Docs 期间，我只找到了一个相关的字段属性称为“可编辑”，但用于停止用户返回到先前的步骤，我应该设置什么属性以使停止用户查看后面的步骤并一一移动？

谢谢

我有一个mat-horizontal-stepper我将线性属性设置为 true 的地方。当所有步骤都有效时，我可以通过单击标题或标签导航到以前的步骤。我不想要那个财产。

我只需要通过按钮导航。

我尝试使用以下方法禁用指针功能：

但它没有奏效。

我需要通过单击标题来停止导航，或者在单击步进标题时触发一个功能。

在 Angular 中，是否可以有一个线性步进器，其中各个步骤是单独的组件？例如：

matStepperNext当我尝试这个时，我在点击按钮时收到以下错误：

TypeError: Cannot read property 'invalid' of undefined.

有没有办法在 Angular Materials 步进模块中设置已完成步骤的图标样式？当我完成一个步骤时，它会将图标调整为复选标记。我也在尝试调整图标的背景颜色。我的代码类似于此处启用线性模式的示例：https ://material.angular.io/components/stepper/overview

当我查看 DOM 时，唯一在完成时更改的属性是“ng-reflect-ng-switch”属性。我不确定如何定位这个元素以便在完成后对其进行样式设置。希望有人能指出我正确的方向。谢谢！

在mat-vertical-stepper我有 4 mat-step。第一步完成后如何打勾？

我试过了：

如果我做editable="false"，它会打勾，并且不能像我做的那样编辑"false"。只有completed="true"我没有得到任何刻度线。

需要帮助：

1. 垫子步骤完成后如何打勾
2. 得到刻度线后，刻度线应为绿色（必须添加CSS）

我希望步进标签显示在工具栏中，但内容显示在另一个 div 中。

就像是：

我可以将步进标签与内容分开吗？

我们现在有一个线性mat-horizontal-stepper，我们想MatSnackBar在用户尝试继续忘记必填字段时显示一个。

CdkStepper_anyControlsInvalidOrPending如果任何输入无效，似乎会静默调用并返回。

有人知道如何检测此事件吗？

调用时必须检测到stepper.next()，stepper.previous()并且step.select()

我正在尝试使用 Angular Material stepper，浏览了文档，但是当我将 HTML Material stepper 标签粘贴到我的 Angular 应用程序中时，它告诉我它不是已知元素。

HTML：

组件 TS：

应用 TS：

告诉我在应用程序模块中找不到名称 MyIntl。

控制台中的错误消息：

'mat-form-field' 不是已知元素： 1. 如果 'mat-form-field' 是 Angular 组件，则验证它是否是该模块的一部分。2. 如果“mat-form-field”是一个 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。("formGroup]="firstFormGroup">

我需要一些帮助来了解为什么 app 模块无法识别 MyIntl 类以及为什么我的 HTML 中不知道 stepper 标签。

我按照以下说明的链接： 此链接

文档链接