電子メールが存在するかどうかをチェックしてエラーを返すことでhttp検証を実行するフォームがあります。 _authserviceでvalidationServiceサーバーによるフォーム検証
constructor(
public _authService:AuthService //tried also with private
){}
emailExistsValidator(control){
if(control.value != undefined) {
this._authService.checkExists("email")
.map(response => {
if (!response) {
return {'emailNotExists': true};
}
});
}
}
でフォームコンポーネント
constructor(
private _formBuilder:FormBuilder,
private _validationService:ValidationService
) { }
ngOnInit() {
this.resetForm = this._formBuilder.group({
email:['',Validators.compose([
this._validationService.emailExistsValidator //this returns an error
,Validators.required
])]
})
で
(そのサービス)
checkExists(value:string):Observable<any>{
return this._httpclient.get(this.authurl+value) //httpclient attches the headers
.map(response => {
return response
});
}
今、このエラーを取得しています:これは私のフォームです
Argument of type '((control: any) => void)[]' is not assignable to4
parameter of type 'ValidatorFn[]'.
Type '(control: any) => void' is not assignable to type 'ValidatorFn'.
Type 'void' is not assignable to type '{ [key: string]: any; }'.)
もっと必要なことは何ですか?
が関連している可能性がある。https://github.com/angular/angular/issues/9336。これには新しいカスタム検証の例が含まれています:http://plnkr.co/edit/8DsRqpHo4tH4MPYauWAu?p=preview – Set