不同组件中的角度路线导航

Question

我正在做一个 Angular 项目，但我还是新手。想请你帮忙看看我在这里做错了什么。

1 - 使用路由器定义组件头，使用路由器链接进行导航

当我在 app.component.html 中添加组件时很好。添加了组件标题，我可以解决任何问题 app-headers>

但是，我想在另一个名为 datosB 的组件中使用标头。 添加后，标题已加载，但链接不起作用。

任何帮助都会很棒。谢谢

---

代码

headers.component.html

<div>
<nav class="navbar navbar-expand-sm bg-primary navbar-dark sticky-top shado">
   <a routerLink='/'  class="navbar-brand" (click)="onClick()" >
      <img [src]=logo alt="Logo" style="width:40px;">
         {{ logoName }}
   </a>
   <button class="navbar-toggler" data-toggle="collapse" data-target="#navbarNav">
      <span class="navbar-toggler-icon"> </span> 
   </button>
   <div class="collapse navbar-collapse" id="navbarNav">
     <ul class="navbar-nav w-100 nav-justified" >
        <li class="nav-item" routerLinkActive="active" *ngFor="let nav of navbars" (click)="onClick()"  >
           <a class="nav-link" [routerLink]=nav.routerlink>
              {{ nav.name }}
           </a>
        </li>
     </ul>
   </div>
</nav>

headers.component.ts

export class HeadersComponent implements OnInit {
  navbars = [{ name : 'Datos Generales',     routerlink : 'datosgenerales'},
             { name : 'Plan de  Enseñanza',  routerlink : 'planensenanza'},
             { name : 'Plan de Aprendizaje', routerlink : 'planaprendizaje'},
             { name : 'Plan Tutorial',       routerlink : '#'},
             { name : 'Bibliografia',        routerlink : '#'}];
  checkHome = "";
  @Output() signInEvent = new EventEmitter<boolean>();

constructor(private route: Router ) {
   }
}

app.component.html

<app-headers></app-headers>
<router-outlet></router-outlet> 

datos-generales.components.html

<app-headers></app-headers>

Answer 1

app.component.html

<app-headers></app-headers>
<router-outlet></router-outlet>

页面从路由加载。不需要 app-header 注入所有页面。 ;)

既然你没有分享程序代码，那我就只能补充了。