angular小记

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
[] -属性 ()-事件 [()]-双向绑定