Angular 2 - app.component内容？

Question

我在想。您建议在app.component文件中使用什么？我对此的直接想法只是在其中包含导航栏和页脚。因为这些是在整个应用程序中不会改变的唯一元素。这是正确的推理还是你会采用不同的方式？

Answer 1

当我使用Angular构建应用程序时，我通常只对app.component中的布局组件有引用。例如。 app.component.html：

<app-layout class="wrapper"></app-layout>

布局组件将包含页眉，页脚和路由器插座。类似的东西：

<!-- Top navbar-->
<app-header></app-header>
<!-- Page content-->
<div class="content-wrapper">
    <router-outlet></router-outlet>
</div>    
<!-- Page footer-->
<app-footer></app-footer>

我个人喜欢这种方法，因为它会破坏组件，使它们具有清晰明确的目的。