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>

我个人喜欢这种方法，因为它分解了组件，使它们具有明确和明确的目的。