今天完成的事情：

      响应式表单中的 Rx

Angular 中处理响应式表单只有 3 个步骤：

1.在组件的 HTML 模版中给要处理的控件加上 formControlName="blablabla"

2.form 标签中添加 [formGroup]="xxx" 指令，这个 xxx 就是你在组件中声明的 FormGroup 类型的成员变量：比如下面代码中的 form: FormGroup;

3.在组件的构造函数中取得 FormBuilder 后（比如下面代码中的 constructor(private fb: FormBuilder) { }），用 FormBuilder 构造表单控件数组并赋值给刚才的类型为 FormGroup 的成员变量。

两个原始数据流：age$ 和 ageUnit$ 怎么构建？

添加    this.form.controls['age'].valueChanges  就好了。

这行代码意思是从表单的控件数组中取得 formControlName 为 age 的这个控件然后监听其值的变化。这个 valueChanges 返回的其实就是一个 Observable，然后对这个原始数据流再做点处理。首先，我们并不希望每次改这个值都去监听，因为输入是一个连续事件，每一次按键都监听是不太划算的。这就需要一个滤波器的处理 .debounceTime(500)，我们不去处理 500 毫秒内的变化，而是等待其输入停顿时再发送数据。第二，如果用户采用了拷贝粘贴的方式，我们希望同样的数据不重复发送，所以滤掉相同的数据。最后，我们采用 startWith 给这个流一个初始值，这是由于如果一开始我们什么都不做，两个流就都没有数据；或者只改变其中一个，另一个由于一直没有变就不会产生数据，这样的话，合并流也不会有数据。

明天计划的事情：

       继续学习angular

问题：

       慢

收获：

     如上