渲染多個路由器，網點角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，你有什麼建議來渲染router-outlet幾次？

Answer 1

你可以試試這個Multiple layout in angular 2.

希望它有幫助。已經使用它一段時間了，它的尺度非常好，無論您想在您的應用中使用多少佈局

Answer 2

爲什麼要使用多個路由器插座？你可以像這樣構建模板：

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