3
角度2の非同期バリデータの使用に関する問題があります。角度2の非同期バリデータの配列に関する問題:非同期バリデータは常に検証エラーを返します
Iは、以下の成分を有する:
@Component({
templateUrl: './send-activation-information.component.html'
})
export class SendActivationInformationComponent implements OnInit {
activationInformationForm: FormGroup;
submitted: boolean = false;
constructor(private userAccountService: UserAccountService,
private formBuilder: FormBuilder,
private router: Router) {
}
ngOnInit() {
this.activationInformationForm = this.formBuilder.group({
email: ['', [
Validators.required,
Validators.pattern(AppConstants.EMAIL_PATTERN)
], [
validateEmailKnownFactory(this.userAccountService),
validateUserAccountNonActivatedFactory(this.userAccountService)
]]
});
}
sendActivationInformation() {
this.submitted = true;
if (this.activationInformationForm.valid) {
this.userAccountService.sendActivationInformation(this.activationInformationForm.value)
.subscribe(() => this.router.navigate(['/sendactivationinformation/success']));
}
}
}
2つのシンクバリデータと2列に指定された2つの非同期バリデータを使用します。バックエンドの呼び出しがfalse
かtrue
返すかどうか...
export function validateUserAccountNonActivatedFactory(userAccountService: UserAccountService): {[key: string]: any} {
return (control: AbstractControl) => {
return userAccountService.userAccountAlreadyActivated(control.value)
.map(alreadyActivated => alreadyActivated ? {userAccountNonActivatedValidator: {alreadyActivated: true}} : null);
};
}
:非同期バリ次何らかの理由
は常に検証エラーを示しています。次のようにFYI、userAccountAlreadyActivated
は、バックエンドへのHTTP呼び出しを行います。
userAccountAlreadyActivated(email: string) {
let body = 'email=' + email;
return this.http.get(this.urls.USER_ACCOUNT.ALREADY_ACTIVATED + body);
}
私は非同期バリデータ配列を指定する方法に関連していると思われますが、わかりません。 – balteo
非同期バリデータだけを追加する場合、または非同期バリデータを1つだけ追加する場合は機能しますか? –
いいえ、バリデーターはそれ自身では機能しません(私は最初のバリデーターにコメントしました)。バックエンドから 'true'または' false'が返されたかどうかは誤りです... – balteo