如何不重新加载组件 Angular

Question

我在 app.component.html 中有侧边菜单的布局，它包含了我的应用程序的真实内容。

当我访问 link 以进入不同的页面时，我希望只重新加载我的应用程序的内容，而不是整个内容。有两个原因，第一，视觉延迟让应用程序看起来很慢，第二，显示当前选择的菜单对我来说会容易得多。

Answer 1

You have to use routing for this.

基本上，您的 app.component.html 将包含这些行

<app-header></app-header>           // This will render the header component
<router-outlet></router-outlet>     // This will render all the route changes
<app-footer></app-footer>           // This will render the footer

Working Examples: Header and Footer don't reload, even the tabs selected are highlighted

My Portfolio
Angular Scaffolding // 看看这个，你甚至可以看看它是如何工作的代码。 Fork it all you want.

Reference

Angular路由是一个相当大的话题，值得一整页。

看看它是如何工作的：Angular.io 文档