【发布时间】：2018-03-29 11:37:25
【问题描述】：
我正在构建一个带有登录页面的 Angular 应用程序。登录页面包含以下元素：
- 登录表单
- 密码忘记表单
- 密码忘记确认消息
- 密码重置表单（点击通过电子邮件发送的链接后，您会到达此处）
- 加载微调器
首先应该显示login form。当您单击forgot my password 链接时，登录表单应该会消失，并且应该会出现password forgot form，用户可以在其中输入他的电子邮件地址并按下按钮来请求新密码。接下来，用户会看到password forgot acknowledge message，并附有说明接下来会发生什么的文字。
当用户点击通过电子邮件发送的链接时，他会再次被重定向到登录页面并显示password reset form，他可以在其中输入所需的密码。
我目前所做的是将所有div依次写入login.component.html page。默认情况下，除了使用(example) *ngIf="forgotpassword" [@fadeInOutRight] 的login form 之外，所有内容都是隐藏的。然后，根据在页面上单击的按钮或链接，div 使用 Angular Animations 动态地飞入和飞出屏幕。
我想知道这是否是一种好的做法，或者是否应该使用任何其他技术来动态更改页面内容。
非常感谢任何提示。
谢谢！
【问题讨论】：
-
我通常为每个 div（屏幕）使用单独的页面（带有单独的路由） - 这种方法降低了方法的复杂性。