问题标签 [angular-material-stepper]

角度材料 Stepper 组件可以与这样的表单组连接

堆栈闪电战

现在，我想了解的有趣的事情是，如果您将第一步留空并单击第二步，则表单字段将进入无效状态。但是，正如您在 stackblitz 中看到的那样，在底部我列出了表单和表单域的所有状态，但似乎没有任何改变。

所以，我的问题是，步进器在表单上更改了哪个属性以使表单无效？

注意：在我的情况下，如果发生这种情况，我需要添加一条消息，就像这样

查看嵌套的 Angular Material Stepper，子 stepper ( labelPosition="end")中的标签位置被父 stepper ( ) 中的标签位置覆盖labelPosition="bottom"，如下例所示：

这是一个展示该问题的 Stackblitz。有没有解决的办法？

所以我们可以很容易地添加步骤（html）：

(ts)：

但我希望这些动态步骤（我有静态和动态步骤）是可关闭的。

所以我想要一个可以点击关闭的“X”按钮。

我已经有了打字稿“删除步骤”代码，但我想不出一种方法来放置 x。绝对从外部定位它是行不通的，因为当我调整窗口大小并添加步骤时，步骤会四处移动。

我希望能够在步骤标题级别注入我的 html 模板代码。

我找不到有关如何执行此操作的任何线索。

我正在遵循https://material.angular.io/components/stepper/examples中的示例，但我所有的 matform 字段与图片相同

不好的结果 期望的结果是这样的：

1. Nom 输入第一行（第一个 mat-form-field）
2. Numero 输入第二行（第二个 mat-form-field）
3. ...对另一个相同的行为

期望的结果

我该怎么做请帮忙？

目前，我们正在通过以下方式正式利用 angular-material-stepper：

有没有办法让我们从使用正式生成步骤的角度材料步进步骤中访问组件对象及其属性/方法？

只是上面基于json动态生成组件，我们不能像这个stackblitz一样为其分配标识符

我们只想要一种在包含所有属性的步骤中访问列表对象的方法，包括它的有效状态

在 Angular 11 项目中，我有一个Angular Material Stepper控件。我的第一步包含一个很像这样的表格：

我想显示当表单有错误时被<button>装饰matStepperNext为禁用，当它不使用 CSS 类时被启用。我怎样才能完成这项工作？

我使用角材料 11，我使用步进材料组件https://material.angular.io/components/stepper/examples。我想在第一步中获取选定的值，并且我想在第一步中向用户显示带有他选择的值的消息。但我不能这样做。这是我的 component.html 代码：

还有我的 component.ts 代码：

问题是如何在 mat-selected 中获取选定的值，并将该值传递给 typescript 文件中的 pselectedSport，然后在第二步中显示它。

我正在关注角材料步进器的示例https://material.angular.io/components/stepper/examples。

我想在第一步八输入，在第二步七输入看看这张图。 我怎样才能在我的步进器中对齐它。任何想法 ？

我的(click)事件有一个磨损问题，在 Angular 代码中触发了第二次点击：

经过调试和多次试验，我发现这与@angular/material/stepper，并且在进行以下步骤后，首先(click)不起作用。

我设法在这个 Stackblitz 中重现了这个问题：链接

请注意，当您第一次点击任何绿色瓷砖时step，您将获得console.log('hit')，即使是第一次。并且在 2nd 内step，第一次单击不会登录控制台。

这是什么原因以及如何处理？

单击垫子步进器的步骤后，我在更改课程时遇到问题。例如，一旦步进器更改索引，有人知道如何给出动态类吗？