Observable - 使用其他来源的Observable

但是，我们将经常从回调，promise，事件，集合或使用API上可用的许多运算符创建Observable。

这个基本示例概述了Http库常见例程如get，post，put和delete所有返回Observables，允许我们异步处理任何结果数据。

Observable Form Events

import {FormControl, FormGroup, FormBuilder} from '@angular/forms';
import 'rxjs/add/operator/filter';
import 'rxjs/add/operator/map';
@Component({
    selector: 'app',
    template: `
      <form [formGroup]="coolForm">
            <input formControlName="email">
      <div>
        </div>
    `
})
export class MyApp {
    email: FormControl;
    coolForm: FormGroup;
    data: string;
        this.coolForm = fb.group({
            email: this.email
        });
        this.email.valueChanges
        .filter(n=>n)
        .map(n=>n.split('').reverse().join(''))
        .subscribe(value => this.data = value);
    }
}

这里我们通过初始化一个新的FormControl字段并将其分组到一个绑定到coolForm HTML表单的FormGroup中来创建一个新的表单。 控件字段有一个属性.valueChanges，它返回一个我们可以订阅的Observable。 现在每当用户在字段中输入内容时，我们会立即得到它。