declarations:包装组件或指令等
providers：依赖注入
imports：导入其他模块
bootstrap：设置根组件
exports：导出组件或指令等
app.component.ts:嵌套组件树的根组件
app.module.ts：根模块，开始只申明AppComponent
main.ts:应用的入口点，引导AppModule在浏览器中运行
<router-outlet>:可以简单把它理解为： 页面的占位符，动态加载，会被替换掉的。当点击 home、about、 dashboard 时， 在导航栏的下方，会被对应的 XX.component.html 替换掉。 这就是单页面路由的原理。Routers 参数是一个有路由定义组成的一个数组。路由定义分如下两部分：Path：这个是用来匹配浏览器地址中的URL。Component：路由对应的组件。
routerLink：链接到已设置的路由 <a routerLink="dashboard">Dashboard</a>
navigate() :跳转路由传参
// 页面带参数跳转方法
goUser() {
this.router.navigate(['/user'], {
queryParams: {
name: '另一个凉雨'
}
});
}
// 接收传过来的参数
this.name = this.routeInfo.snapshot.queryParams['name'];
模块->路由->子模块->子路由->组件->构成页面
新增通用组件注册到sharedModule中，可以复用
ng-alian知识:
ng serve --host 192.168.1.121 --port 4200
[] -属性 ()-事件 [()]-双向绑定