认知 Angular 的架构与其深层概念

Angular架构

• 模块：

 @NgModule({
	 imports:[],
	 declarations:[],
	 providers:[]
 })

• 组件：一个可被反复使用的，带有特定功能的视图

@Component({
	selector:'login',
	template/templateUrl:'',
	providers:[],
	styleUrls:[]
})

• 模板内容
  模板内容就是html，
  只不过支持指令、(),[],[()]、{{}}

• 元数据 metaData
  通过装饰器给类所指定的数据，用来告诉angular如何来处理这个类

• 数据绑定
  双花括号
  ()
  []
  <表单元素>[(ngModel)]=“value”</表单元素>

• 指令
  结构型指令:通过在 DOM 中添加、移除和替换元素来修改布局
  *ngFor *ngIf *ngSwtichCase *ngSwitchDefault

  属性 (attribute) 型指令
  ngStyle ngClass （） [] [(ngModel)]

• 服务
  就是一个类，把经常用到的方法和数据 进行封装，方在类中，方便复用
  官方建议，尽可能的将组件类中的业务逻辑 通过各种各样的服务去实现，应该让组件类尽可能的简单，只与视图相关。

• 依赖注入

  注入要用到的类，而无需关心该类内部的实现方法，无需关心该类到依赖了哪些类；只是注入该类，实例化，去使用。