如何构造代码以逐步使用angular 7和bootstrap 4形成表单？

Question

什么时候先行步骤有效才可以传递到下一个步骤？举个例子

Answer 1

我认为实现完美的多步骤表单的最佳，最快的方法是使用angular-material提供的Stepper 。到目前为止，它是最好的选择。

Answer 2

我是这样做的：

1. 每个步骤的路线
2. 每条路线都重定向到其他组件
3. 每个组件都有一个表单

您可以使用自定义的Guard来验证导航

{ path: 'step/1', component: MyStep1Component, canDeactivate: [MyGuard] }