角度中一个组件内的多个html页面

Question

如何在一个 Angular 组件中使用多个 HTML 页面。我有 3 种类型的用户。管理员、医生和用户。每个页面都有其独特的仪表板、设置和其他页面。我可以有 3 个组件，分别称为 admin、doctor 和 user，并为每个组件制作仪表板.html、settings.html 等。

例子：

对于用户：

网站/用户/登录

网站/用户/仪表板

网站/用户/设置

对于医生：

网站/医生/登录

网站/医生/仪表板

网站/医生/设置

我是否必须为每个页面创建组件？或者还有别的办法吗？

我正在使用 Angular CLI：11.0.2

和节点：15.1.0

Answer 1

组件的伟大之处在于它们可以重用。尝试尽可能模块化地设计您的应用程序。例如，用户和医生的设置组件可能会有所不同，但也有一些重叠。为什么不创建一个包含共享逻辑的常规设置组件，并且仅在单独的组件中实现特定于角色的功能。另一种可能性是根据当前路线（例如用户或医生）显示或隐藏角色特定设置。