知识点

1、Angular2+的版本中中没有scope，没有controller、directive，只有component
　　类命名方式采用“大驼峰命名”法，以Component，Service等结尾，eg：regFormComponent
　　文件名采用“烤串命名”法，以 .component 结尾，所以文件名中不会有大写字母，eg：reg-form.component.ts
2、ngFor 和 ngForIf 被称为“结构型指令”，因为它们可以修改 DOM 的部分结构。

2.1　ngFor迭代的写法

　　*ngFor="let hero of heroes"

2.2　ngIf控制显示隐藏

　　*ngIf="visible"

３、ngModel、ngStyle、ngClass被称为“属性指令”，用来改变DOM的外观和行为。

3.1　ngClass 实现元素css类双向绑定

　　<input [(ngClass)]="hero.class">

3.2　ngStyle 实现元素style双向绑定

　　<input [(ngStyle)]="hero.style">

3.2　ngModel 实现元素value双向绑定

　　<input [(ngStyle)]="hero.style">

4、属性绑定语法，单向的，左←右（右边影响左边，数据源到视图）

　　[class.selected]="hero === selectedHero" //当表达式为真时，元素的class为selected

5、双向数据绑定的写法，左↔右（左右互相影响，视图到数据源）

　　[(ngModel)]="myModel"

6、事件绑定的写法，单向的，左→右（左边影响右边）

　　(click)="onSelect(hero)"

数据绑定
7、注解，元数据，装饰器
　　是什么？？？
　　装饰器中有元数据，元数据是告诉Angular如何来处理一个类（class）。
　　装饰器：@Component()把一个类标识为组件，指定了该组件需要的元数据
　　　　　　@Input、@Output、@Injectable、@RouterConfig
8、依赖注入
　　依赖注入是什么？？？？
　　把服务注册到Injector，当组件需要使用服务时，需要在构造函数的参数内告知哪个服务需要依赖注入到组件当中。是一种对类实例的新方法 依赖注入