2017-06-15 29 views
0

我正在使用角度CLI并生成了一个新项目。什么通常会在你的app.component.ts?你的根组件中发生了什么

我还没有找到一个使用它作为目前一切坐在自己的模块/组件

回答

2

app.component.ts通常就像你的应用程序的根组件。在你放置router-outlet的地方,header,footers和router-outlet是根据你的路由保存视图的。

<app-header></app-header> 
<router-outlet></router-outlet> 
<footer></footer> 

有关详细信息:https://angular.io/guide/quickstart

+0

这就是我目前使用它的原因。那么对于布局逻辑呢? –

+0

它适用于您的应用程序的基本“外壳”。你构建的其他东西都将在该“壳”内运行。为了获得最佳性能,通常建议您尽可能简单地保留app.component,以便快速下载它,以便快速显示应用程序的外壳。 – DeborahK

2

app.component.html一个典型的例子是一个布局模板和<router-outlet></router-outlet>元件。应用程序根目录应该被认为是你应用程序的主要入口点,所以基本上你可以在整个应用程序上看到你想要看到的

另一方面,app.component.ts应该是在执行应用程序期间将执行一次的代码。配置服务,在材料图标服务中注册自定义图标,配置全局变量等。基本上配置文件应该执行一次的代码