私は私の角度成分持つ角度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>