如何将Angular 9导航栏与app.component外部的路由器出口一起使用

Question

我是angular的初学者。我创建了一个导航栏，这是我在app.component中的代码

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div>
       <a routerLink="/login">Login</a>
       <a routerLink="/register">Register</a>
    </div>
  </div>
</nav>
<div>
  <router-outlet></router-outlet>
</div>

此功能如下Routing to logging component when logging is clicked

Routing to register component when register is clicked

但是当我在路线中选择另一个组件时，导航栏仍然存在。因此，我需要带有导航功能的导航栏并仅在我的Home组件中注册。当我路由其他组件时，它不应该存在。我想如果我编写了除了app.component之外的其他组件中的代码将正常工作。但是如何使用router-outlet和其他组件上的所有内容。请提供示例帮助。我该如何实施？

Answer 1

在app.component.html中添加到