我正在构建一个分屏的应用程序。左侧为列表，右侧为详细信息。当我从左侧选择项目时，右侧的相关详细信息将使用Firestore中的数据进行更新。 （根据URL中的ID执行查询）
但是，我的Web应用程序的某个区域在我的左侧组件中将包含一个链接列表，而不是每个链接都在右侧加载另一个组件。
为此，我将所有组件元素添加到了列表（左列）组件HTML（通过共享模块导入）
左侧组件
<a [routerLink]="['/albums/:albumid']">Album Detail</a>
<a [routerLink]="['/albums/:albumid/history']">Album History</a>
<a [routerLink]="['/albums/:albumid/edit']">Album Edit</a>
<app-album-detail></app-album-detail>
<app-album-history></app-album-history>
<app-album-edit></app-album-edit>
我将根据每个选择器上的“ * ngIf”所单击的内容来隐藏这些选择器。
但是，对于我如何满足此要求，是否有否定的方法？还是这是一种合理的方法？
这里的任何信息或建议都将不胜感激。