在Angular 2項目中創建佈局

Question

嗨，我正在創建一個角度爲2的項目。我希望爲每個模塊設置一些佈局，例如登錄佈局，主頁佈局和用戶佈局

我在我的項目中無法達到這個目標。現在我已經爲每個組件創建了一個頁面，將模塊分成不同的組件，這些組件將一次又一次地使用。

誰能幫我創建佈局就像我們的CakePHP

在

導入所有的東西一次，只是改變了一組數據與路線的變化。

佈局沒有登錄

<div> 
    <app-header-before-login> </app-header-before-login> 
    <app-body> </app-body> 
    <app-footer></app-footer> 
</div> 

後登錄

<div> 
    <app-header> </app-header> 
    <app-body> </app-body> 
    <app-footer></app-footer> 
</div> 

應用體內容將從組件按路線拉。我只是不想在每個組件中編寫這些html。

Answer 1

有很多方法將組件之間切換：

1. 使用例如ngSwitch到 <app-header></app-header>和 <app-header-before-login></app-header-before-login>部件之間進行切換。

2. 使用ViewContainerRef.createComponent()