如何使用 Angular 打开另一个组件而不显示第一个组件?

How do I open another component using Angular without displaying the first one?

我是 Angular 世界的新手,希望这个问题有意义:

假设我在 app.component.html 下有一个部分:

<部分 id="动物园">动物园</部分>

现在我使用以下命令创建另一个组件 (zoo):

ng g c 动物园

这将为动物园创建 4 个新文件。

我现在想要的是点击将我重定向到创建的动物园页面的部分(动物园),并且只显示该页面的内容。

我该怎么做?

首先像这样创建一条新路线{ path: 'zoo', component: ZooComponent }。 然后将 html 更改为 <section id="zoo" routerLink="/zoo">Zoo</section>