javascript - 一个组件内的多个html页面在角度

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

例子：

对于用户：

网站/用户/登录

网站/用户/仪表板

网站/用户/设置

对于医生：

网站/医生/登录

网站/医生/仪表板

网站/医生/设置

我是否必须为每个页面创建组件？还是有其他方法？

我正在使用 Angular CLI：11.0.2

和节点：15.1.0

标签： javascriptangular

组件的伟大之处在于它们可以重复使用。尝试尽可能模块化地设计您的应用程序。

例如，用户和医生的设置组件可能会有所不同，但也会有一些重叠。为什么不创建一个包含共享逻辑并仅在单独的组件中实现角色特定功能的通用设置组件。

另一种可能性是根据当前路线（例如用户或医生）显示或隐藏角色特定设置。