Angular--架构

Angular是组件化服务，我们主要是从/src/app下面进行编辑，那么我们每次创建的组件里面包含的东西大致都是一个套路，包含了TypeScript、css、HTML三种语言，ts我们主要从module和component里面进行书写，其中TS其实就是js的超集，既包含了js所有元素，能运行js代码并扩展js语法包括：静态类型、类、模块、接口和类型注解方面，更容易大项目开发；但是Angular中ts运行实际是将ts转化为js在运行的。

模块

Angular定义了NgModule，它是个容器用于存放内聚代码块，每一个项目都有一个引导启动的根模块（app.module.ts）。

NgModule是一个带有装饰器的类其包括以下属性：

• declarations（可声明对象表）：NgModule本身的组件、指令、管道。
• exports（导出表）：为了让其他模块可调用使用的。
• imports（导入表）：为让导出本模块所需的其他类模块。
• providers：向全局服务中贡献的那些服务出创建器。
• bootstrap：应用主视图，一般是根模块存在。

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
@NgModule({
  imports:      [ BrowserModule ],
  providers:    [ Logger ],
  declarations: [ AppComponent ],
  exports:      [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

组件