Angular官方教程（重读）

[qiansc]

（第一遍读时候按照教程操作的，对整体概念比较模糊，第二遍阅读主要理解其中的原理，加深记忆）

Part.One 教程

初始化工程、Component等看教程简介比较清楚，需要加深的记忆点：

• ngOnInit切面需要Component实现OnInit

• 模板里使用<input [(ngModel)]="hero.name" placeholder="name">进行双向绑定，需要

  import { FormsModule } from '@angular/forms'
  ...
  imports: [
      BrowserModule,
      FormsModule
  ],

• NgModule是一类带 @NgModule 装饰器的类，其中的imports等包含的也是NgModule类；NgModule类的选项通常有providers（用于构造等注入）、declarations（声明依赖、接口等）、imports（模板用）、exports、entryComponents、bootstrap等。
• 主从组件
  • 模板里面嵌套其他Component并注入对象，采用<app-modulename [hero]=selectedHero><..
  • 子Component增加@Input 修饰的属性hero接受注入对象
• 属性绑定 单向{{}} [] () bind-target on-target/ 双向 [()] bindon-target
• 服务
• 路由
• HTTP