Angular: Как перенаправить на новую страницу, а не вставлять в? - PullRequest
Новая
       10

Angular: Как перенаправить на новую страницу, а не вставлять в?

0 голосов
/ 06 июня 2019

Я хочу создать HTML-страницу, где заголовок отличается от большинства моих страниц. В настоящее время я внедряю содержимое через <router-outlet></router-outlet>, поэтому верхний и нижний колонтитулы всегда одинаковы. Как сделать так, чтобы маршрутизатор просто смотрел html-компоненты, подключенные к маршрутизации, а не вставлял их в <router-outlet></router-outlet> место

1 Ответ

1 голос
/ 06 июня 2019

В вашем файле component.html приложения вы должны иметь: 

<body>
  <app-header></app-header>
  <router-outlet></router-outlet>
  <app-footer></app-footer>
</body>

Очевидно, вы создаете компонент app-header и app-footer.
Если вам нужно особое поведение в вашем заголовке, вы реализуетеповедение внутри вашего компонента.

Если ваш специальный заголовок совершенно другой и не разделяет никакой логики с компонентом заголовка приложения, вы можете создать новый и условно отобразить его, например: 

<body>
  <app-header *ngIf="!condition"></app-header>
  <app-special-header *ngIf="condition"></app-special-header>
  <router-outlet></router-outlet>
  <app-footer></app-footer>
</body>
...