Angular:一个涉及多个页面(或步骤)的过程

Question

我正在构建一个涉及多个页面的注册流程。如果用户没有完成上一页，则无法访问下一页(或步骤)。这就是：

// this is GOOD
my-application.com/step-1
my-application.com/step-2
my-application.com/step-3

// this is BAD
my-application.com/step-2
my-application.com/step-1
my-application.com/step-3

如果一个页面没有完成上一页，我如何防止用户打开它？

Answer 1

Angular的路由守卫是最好的选择！

1. 路由保护用于防止未经授权的访问
2. 它用于阻止未登录的用户
3. 它可用于您所描述的方案

请参考这篇Aligator.io帖子以更好地了解！