angular - 使用可观察对象时在 Angular 2 异步验证器中返回什么

Question

如果

异步验证失败/成功是因为我的 'customerName' FormControl 无效吗？

this.customerForm = this.formBuilder.group({
customerName: 
[this.newCustomerName, [Validators.minLength(2), Validators.required],[this.customerNameValidator.bind(this)]]
});


customerNameValidator(c: AbstractControl)
{
   return this.service.customerExists(c.value,this.companyId).subscribe(response =>
   {
        if(response == true)
        {
             alert("true");
        }
        else
        {
            alert("false");
        }
   });
}

Answer 1

而不是订阅，您应该映射可观察对象以更改返回流的结果，而不是从中读取。

customerNameValidator(c: AbstractControl)
{
   return this.service.customerExists(c.value,this.companyId).map(response =>
   {
        if(response == true)
        {
            return { customerExists: true };
        }
        else
        {
            return;
        }
   });
}

返回值为 true 的对象是返回可观察对象的方式。虽然您可能错过了异步验证器的一些重要步骤，但因为我们没有提供您的所有代码，所以很难说。 Try checking out this article或 this article想要查询更多的信息。