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

Question

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

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

Answer 1

如果你想这样做，你应该改变你项目中的文件夹结构，然后这样做：首先：您应该创建主页组件并放置主页组件的内部。第二：在您的应用程序组件中，您应该编写这些代码：

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

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

希望对你有用

Answer 2

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

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

app.component.html 将如下所示：

<router-outlet></router-outlet>

Angular routing problem. App.component content shows in every component