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