问题标签 [angular-material-stepper]

我的应用程序中有一个 matStepper，它的 2 个第一步如下所示：

在我的打字稿中，FormGroup 声明是这样的：

我的表单控件“ctrl”被一些设置为真或假的方法修改。但是，即使是真的，我也无法进行下一步。在第一步中，我只有一个输入，它运行良好，只要字段被填满，我就可以进入下一步。

有谁知道问题出在哪里？

如何在角度材料的步进器中提交表单数据。我正在关注角度材料https://material.angular.io/components/stepper/examples中的示例。在问这个问题之前我做了很多谷歌搜索，但没有找到任何答案。

我完成了填写两张表格。但在那之后我不知道如何获取/提交表单数据。

谢谢你的帮助... ：-）

有没有办法将[stepControl]错误匹配器与模板驱动的表单一起使用？文档只介绍了一个 AbstractControl 实例，它显然强制使用响应式表单。

我尝试使用[stepControl]="myNgForm"并[linear]="true"验证这些步骤，但步进器只是忽略它。

我很感激任何帮助。

谢谢！

我正在使用角度材料步进器，功能按预期工作并出现以下错误：

现场演示：

我想根据 URL 中的参数初始化步进器的索引。

我很好地恢复了参数，但没有显示我的步进器。

我的网址：http://localhost/toto?stepNumber=0

我的代码：

步进器使用此代码：

我认为这是可观察到的问题

显示代码：

我正在构建一个简单的 angular4 应用程序，并想添加一个步进器组件。我看起来类似于以下网站之一中的附件。源代码在 react.js 中给出。但我需要 angular2/4。

有没有人实现过类似的组件？如果是这样，你能指导我正确的道路吗？

感谢 transferwise 网站

我正在使用 Angular6 和角材料步进器。共有三种流程，其中步进控制具有一种形式，而第二步进控制具有 2 个输入字段。当我输入 firstStepperCtrl 并导航到第二步进器并单击 prev 并进入显示验证的第二步进器时。

在不触摸表单的情况下，将显示验证，如果已触摸第二个表单字段，如何重置步进器并验证步进器。

这是标记：

app.component.ts

[问题截屏链接]] 1

演示

我在我的应用程序中使用垫子步进器。但是根据用户在一个步骤上的操作，接下来的步骤会有所不同（显示的组件不会相同）。在一种情况下，我需要为下一步显示 2 页而不是 1 页。有没有办法将垫子步骤分成 2 页，或者动态添加一个步骤？

谢谢

默认情况下，MatVerticalStepper 在移动到下一个时隐藏已完成步骤的内容。演示：https ://material.angular.io/components/stepper/overview

是否有可能，而不是将所有内容隐藏在一起，而是以不同的形式呈现已完成步骤的内容？

我有一个步进器，它有 3 个步骤，每个步骤都有它自己的组件。我没有在每一步都使用表单，所以我在每一步都有一堆输入字段。

问题是所有步骤的 Oninit 方法都是在第一步本身的负载时调用的。当我从从 Ist 步骤传递到 2nd 步骤的变量中加载数据时，这会弄乱我的代码。有没有办法避免在第一步本身加载每一步的所有 oninit ？

请参阅以下链接上的问题并打开控制台： https ://stackblitz.com/edit/angular-vpoj5j

尽管我发现其他人也遇到了同样的情况，但我找不到解决方案。 https://github.com/angular/material2/issues/7985