兩個字段上的角度表單自定義驗證器

Question

我有疑問如何在 Angular FormGroup 中同時對兩個字段有效。 我必須在值返回后端創建自定義驗證我不知道如何創建它。 感謝您的任何想法。

Answer 1

您需要創建 AsyncValidator 並將其綁定到 FormGroup，然后您將可以訪問組字段並可以在一個驗證滴答中驗證兩個字段。 有一些例子給你：

group = new FormGroup(
    {
      a: new FormControl(''),
      b: new FormControl(''),
    },
    { asyncValidators: customAsyncValidator() }
  );


function customAsyncValidator(): AsyncValidatorFn {
  return (group: FormGroup) => {
    const a = group.get('a').value;
    const b = group.get('b').value;
    return of('value').pipe(
      delay(500),
      map((value) => (value === a || value === b ? null : { fields: true }))
    );
  };
}

希望這可以幫助。 堆棧閃電戰