Рендер несколько маршрутизаторов розеток в угловом 2 app.component

Question

У меня есть угловой компонент:

@Component({ 
    selector: 'test-app', 
    template: ` 
     <div *ngIf="isEmptyLayout"> 
      <router-outlet></router-outlet> 
     </div> 

     <div *ngIf="!isEmptyLayout"> 
      <h1>Not empty template</h1> 
      <router-outlet></router-outlet> 
     </div> 
    ` 
}) 
export class AppComponent { ... 

То, что я хочу сделать, это создать отделенный макет для целевой страницы и админки. Однако это приводит к ошибке. Каковы ваши предложения по рендерингу маршрутизатора несколько раз в зависимости от текущего URL-адреса?

Answer 1

Вы можете попробовать это Multiple layout in angular 2.

Надеется, что это помогает. Использует его какое-то время, и он очень хорошо масштабируется независимо от количества макетов, которые вы хотели бы использовать в своем приложении.

Answer 2

Почему вы хотите использовать несколько роутеров? Вы можете создать свой шаблон следующим образом:

<div> 
    <h1 *ngIf="!isEmptyLayout">Not empty template</h1> 
    <router-outlet></router-outlet> 
</div>