函数返回lambda函数-lambda函数从何处获取其输入?

当你设置这个

validator: matchingFields('password', 'passwordConfirm')

你调用函数 matchingFields 从中返回另一个函数( 箭头/lambda函数 ). 在这个调用之后,您可以认为您有一个这样的函数,它是从 匹配字段 .

function someFunction(form) {
   var field1 = 'password';
   var field2 = 'passwordConfirm';

   if(form.controls[field1].value !== form.controls[field2].value)
            return { mismatchedFields: true }
}

在 formGroup 现在你会有

validator: someFunction

你刚刚设置了 validator 到函数 someFunction ,这是从 匹配字段 . 现在这个函数将由 Angular 在验证阶段和 form 参数将自动传递给函数。这个 形式 是运行验证的那个。

这个 FormBuilder 调用沿路回调(即内部)

这个 matchingFields 定义只是这个的一个泛化版本:

…
constructor(private fb: FormBuilder) {
  this.form = fb.group({
    password: '',
    passwordConfirm: ''
  }, {
    validator: form => {
        if (form.controls['password'].value !== form.controls['passwordConfirm'].value) {
          return { mismatchedFields: true }
        }
    }
  })
}

所以我想在里面 FormBuilder.group(a, b) 发生以下情况:

b.validator(this.internalFormReference)

下面是如何调用它的运行示例:

// The function from the question
function matchingFields(field1, field2) {
 return form => {
  if (form.controls[field1].value !== form.controls[field2].value)
   return {
    mismatchedFields: true
   }
 }
}

// A simplified version of the FormGroup object
const form = {
	controls: {
		a: {
			value: 'test'
		},
		b: {
			value: 'test2'
		}
	}
};

// as form.a.value !== form.b.value the validator should not be undefined
console.log(matchingFields('a', 'b')(form));