角4添加一個component，未關閉的元素

Question

我開發利用項目的角4 我的應用程序組件：

<app-header></app-header> 
<app-sidebar></app-sidebar> 
<div class="content-wrapper"> 
<router-outlet></router-outlet> 
</div> 
<app-footer></app-footer> 

當過我把應用程序邊欄中的HTML內容的包裝和DIV，並在關閉頁腳開始，應用程序不斷加載，也發生這種情況時，它是一個沒有類或任何其他元素的div

Answer 1

組件的模板需要是有效的HTML，因此只有開頭或只有關閉元素在模板中不受支持。

你可以有一個<app-header-and-footer>組件與<ng-content>元素來獲得相同的效果。

<app-header-and-footer></app-header-and-footer> 
    <app-sidebar></app-sidebar> 
    <div class="content-wrapper"> 
    <router-outlet></router-outlet> 
    </div> 
</app-header-and-footer> 

@Component({ 
    selector: 'app-header-and-footer', 
    template: '<ng-content></ng-content>' 
}) 
export class AppHeaderAndFooter{}