Subjectを使用してカスタム非同期バリデータを作成できますか？

Question

件名でこれを達成できる可能性はありますか？当分の間、私はこれをプロミスで達成しただけです。だから私は解決メソッドを呼び出すと、それが正しく動作します。

私は以下を実行しようとしていました。

ここ

forbiddenEmail(control: FormControl): Observable<any> { 

    const obs = new Subject(); 
    setTimeout(() => { 
     if (control.value === 'test@test.com') { 
     obs.next({'emailIsForbidden': true}); 
     } else { 
     obs.next(null); 
     } 
    }, 2000); 
    return obs; 
    } 

、イム角度でドキュメントがバリデータについての言うように値がtest@test.com、そうでない場合はnullであるときはいつでもイベントを放出しようとしています。 私はシミュレートしようとしていますが、バックエンドサービスは、なぜ私はsetTimeout機能を実装し、2秒のタイムアウトを与えることができると言うことができます。 問題は、私がバリデータ（電子メール入力要素）を置くinput要素を調べると、クラスng-pendingが常に表示されることです。 何らかの理由でそれを購読していない私はそれを知っています。しかし、どうすればいい？

これは私がフォームグループ内のバリデーターを呼び出すところです。

ngOnInit() { 
    this.signupForm = new FormGroup({ 
     'userData': new FormGroup({ 
     'username': new FormControl(null, [Validators.required, this.forbiddenNames.bind(this)]), 
     'email': new FormControl(null, [Validators.required, Validators.email], this.forbiddenEmail.bind(this)) 
     }), 
     'gender': new FormControl('male'), 
     'hobbies': new FormArray([]) 
    }); 
    } 

Answer 1

：

setTimeout(() => { 
    if (control.value === 'test@test.com') { 
    obs.next({'emailIsForbidden': true}); 
    } else { 
    obs.next(null); 
    } 
    obs.complete(); 
}, 2000); 

しかし、これははるかに簡単な方法で定義することができます：それはバリデータが呼び出された時点であるとして、それは実際に代わり、検証のため、入力を検証するため、

forbiddenEmail2(control: FormControl): Observable<any> { 
    const result = control.value === 'test@test.com' ? {'emailIsForbidden': true} : null; 
    return Observable.of(result).delay(2000); 
} 

これは、また、より正確です2秒後に入力します。より現実的なユースケースでは、入力を直ちに取得してバックエンドに送信します。

デモ：http://plnkr.co/edit/qAdl7lTaKzn0bUNOp8fy?p=preview

Answer 2

文書によると、あなたが観測戻っていることを達成することができます： https://angular.io/api/forms/AsyncValidatorFn

私はコードのサンプルとそれを証明しようとしたが、それが必要として、それが動作しないように見える...

それはここにそれが報告されます、角度の問題そのもののように見える：あなたの観察可能なを完了する必要がhttps://github.com/angular/angular/issues/13200