今天完成的事情：学习使用form组件来收集传递数据并展示页面

明天计划的事情：继续跟着师兄学习angular

遇到的问题：

收获：

一、

ng-zorro的form表单组件用来数据收集、校验和提交功能非常的方便

单独的引入此组件：

import { NzFormModule } from 'ng-zorro-antd/form';

表单组件提供了以下三种排列方式：

水平排列：标签和表单控件水平排列；（默认）

垂直排列：标签和表单控件上下垂直排列；

行内排列：表单项水平行内排列。

表单项 nz-form-item

表单项用于区分表单中不同的区域，包含表单域和表单标签(可选)。

表单标签 nz-form-label

用于标示当前表单项的内容，可选。

表单组件的一些常用api：

[nzFlex]表示是否Flex布局，默认是boolean类型false

[nzLayout]表示表单布局，类型有'horizontal' | 'vertical' | 'inline'

nz-form-label用于标示当前表单项的内容

[nzRequired]表示是否为必填，默认false

nz-form-control表单一定会包含表单域，表单域可以是输入控件，标准表单域，标签，下拉菜单，文本域等。

[nzValidateStatus]

会根据传入的 FormControl 或 NgModel 自动生成校验状态，也可以直接指定状态，不传入时默认值为 nz-form-control 中包裹的第一个 FormControl 或 NgModel

类型'success' | 'warning' | 'error' | 'validating' | FormControl | NgModel

默认值是nz-form-control 中包裹的第一个 FormControl 或 NgModel

nz-form-text

在 nz-form-control 中直接显示文本

关于回调函数：

回调函数应用场景

资源加载：动态加载js文件后执行回调，加载iframe后执行回调，ajax操作回调，图片加载完成执行回调，AJAX等等。

DOM事件及Node.js事件基于回调机制(Node.js回调可能会出现多层回调嵌套的问题)。

setTimeout的延迟时间为0，这个hack经常被用到，settimeout调用的函数其实就是一个callback的体现。

链式调用：链式调用的时候，在赋值器(setter)方法中(或者本身没有返回值的方法中)很容易实现链式调用，而取值器(getter)相对来说不好实现链式调用，因为你需要取值器返回你需要的数据而不是this指针，如果要实现链式方法，可以用回调函数来实现。

setTimeout、setInterval的函数调用得到其返回值。由于两个函数都是异步的，即：他们的调用时序和程序的主流程是相对独立的，所以没有办法在主体里面等待它们的返回值，它们被打开的时候程序也不会停下来等待，否则也就失去了setTimeout及setInterval的意义了，所以用return已经没有意义，只能使用callback。callback的意义在于将timer执行的结果通知给代理函数进行及时处理。