今天完成的事情：任务进行完善angular任务，

明天计划的事情：JS基础知识巩固，完善angular 任务

遇到的问题：。图片上传搞不出来，Zorro组件还是用不了

收获：

  装饰器的作用就是在添加装饰器的地方在不改动原有代码的情况下增加额外的功能。Angular框架中装饰器是一个函数。他将元数据添加到类、类成员(属性、方法)和函数参数上。让它们在不需要做任何代码变动的前提下增加额外功能。

类装饰器：类装饰器负责把元数据附加到类上，以了解类的设计意图以及这个类是如何工作的。Angular框架里面类装饰器有多种．如下：

@NgModule 模块装饰器(帮把相关的一些代码逻辑组织在一起) NgModule 可以将其组件和一组相关代码(如服务)关联起来，形成功能单元。每个Angular应用都有一个根模块，通常命名为AppModule

@Component 组件装饰器 组件可以认为是屏幕上的一个视图． 组件定义视图。每个Angular应用都至少有一个组件，也就是根组件

@Injectable 依赖装饰器(把一个类定义为服务) 组件使用服务。对于与特定视图无关并希望跨组件共享的数据或逻辑，可以创建服务类。

@Pipe 管道装饰器 管道的作用就是传输。并且不同的管道具有不同的作用。(其实就是处理数据)

@Directive 指令装饰器 用来控制组件的某些行为

下面着重说下，下面两种：（@NgModule 模块装饰器；@Component 组件装饰器）

NgModule作用：

NgModule 最主要的作用是帮助开发者组织业务代码，把关系比较紧密的一些功能(组件)代码组合在一起。

NgModule 用来控制组件、指令、管道等是否可以使用，处于同一个 NgModule 里面的组件默认互相可见，而对于外部的组件来说，只能看到 NgModule 导出(exports )的内容，也就是说，如果你定义的 NgModule不exports任何内容，那么外部使用者即使 import了你这个模块，也没法使用里面定义的任何内容。

NgModule 是打包时候用到的最小单位，打包的时候会检查所有 @NgModule 和路由配置，Angular底层是使用webpack打包。因为Angular已经帮我们配置好了webpack，所以开发者轻松很多，否则就需要自己配置环境。

@Component

声明一个组件时，在组件类上要用@Component装饰器来告知Angular这是一个组件。

组件控制屏幕上被称为视图的一小片区域。在组件类总定义组件的应用逻辑。在Angular应用中组件(Component)是属于模块(NgMoude)的。组件是比模块更小的一个单元。