角路由问题。 App.component 内容显示在每个组件中答案

【问题标题】：Angular routing problem. App.component content shows in every component角路由问题。 App.component 内容显示在每个组件中
【发布时间】：2021-04-05 08:04:15
【问题描述】：

我无法在每个组件上显示 app.component 内容。这是我的 app.component 代码：

我不想将导航栏和应用用户共享给其他组件，但是此内容会显示在其他所有组件中。感谢您的帮助！

【问题讨论】：

AppComponent 是根组件并且总是被渲染，如果你不希望它显示在每个页面上，你将不得不将它移动到另一个组件。另外：请将您的代码发布为文本，而不是图像。

标签： angular routes

【解决方案1】：

App 路由除了 navbar 和 users 组件之外正在渲染，那么这两个组件将在任何应用程序路由中渲染。我建议您制作另一个包含导航栏和用户的组件，并将其添加到应用程序路由中。 new.component.html 将如下所示：

 <app-navbar></app-navbar>
  <!-- other elemets --> 
 <app-users></app-users>

app.component.html 将如下所示：

<router-outlet></router-outlet>

【讨论】：

【解决方案2】：

如果您想这样做，您应该更改项目中的文件夹结构并这样做：首先：您应该创建 home 组件并放置 home 组件的内部。第二：在您的应用组件中，您应该编写以下代码：

  <app-navbar></app-navbar>
  <app-home></app-home>
  <app-use></app-user>

基于这些结构，导航栏和用户只在一个组件中，主页总是根据路由配置而变化。

希望对你有用

【讨论】：