Блог

Я только начал разрабатывать новое приложение Angular. Для этого нужны верхний и нижний колонтитулы, которые появляются на каждой странице, поэтому я пошел дальше и создал 3 компонента: макет, верхний и нижний колонтитулы.

Затем я пошел дальше и изменил свой app.component.html на <app-layout></app-layout>

Сам компонент компоновки выглядит следующим образом:

 <app-header></app-header>
<div class="container">
  <router-outlet></router-outlet>
</div>
<app-footer></app-footer>
  

и

 import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-layout',
  templateUrl: './layout.component.html',
  styleUrls: ['./layout.component.scss']
})
export class LayoutComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}
  

Все это работало, пока я не пошел дальше и не изменил <ng-content> на <router-outlet> . Файлы верхнего и нижнего колонтитулов просто содержат некоторый текст в качестве заполнителя, ничего особенного там нет. Но верхний и нижний колонтитулы также исчезли, когда я изменил эту одну строку.