角4 - 動的パラメータ値を持つカスタムバリデータ

Question

私は、日付が特定の最小日付を超えているかどうかをチェックするカスタムバリデータを作成しました。私はバリデータが適用されているが、私はバリで私の分の値をconsole.log()時にいることがわかります。この

this.definitionForm = this.fb.group({    
     "from": [this.details.From, Validators.required], 
     "to": [this.details.To, [Validators.required, validateMinDate(this.details.From)]] 
    }); 

ように私のフォームをinitate

export function validateMinDate(min: Date): ValidatorFn { 
    return (c: AbstractControl) => { 

     if (c == null || c.value == null) 
      return null; 

     let isValid = c.value >= min; 
     if (isValid) { 
      return null; 
     } else { 
      return { 
       validateMinDate: { 
        valid: false 
       } 
      }; 
     } 
    }; 
} 

：

のコードは次のようになります私はそれがnullと等しいことがわかります。私は、フォームを開始するとき、私は、パラメータは、動的ではなく、フォームが設​​定されているときだけ値をとるヌルで

this.details.From開始を想定しますか？

ユーザーが開始日を選択したときに最小日付が更新されていることを確認して、this.details.Fromの値を変更するにはどうすればよいですか？

Answer 1

フォームグループにバリデータを適用する方法、または大きなフォームを使用する場合は、fromとtoの入れ子になったグループを作成し、バリデータを適用することをお勧めします。バリデーターが発生するたびにバリデーターが起動されます。だから、このようにバリデータを更新し、formgroupことを意味します：

this.definitionForm = this.fb.group({    
    "from": [this.details.From, Validators.required], 
    "to": [this.details.To, [Validators.required]] 
}, {validator: validateMinDate()}); 

export function validateMinDate(): ValidatorFn { 
    return (c: AbstractControl) => { 
     if(c) { 
     let isValid = c.get('to').value >= c.get('from').value; 
     if (isValid) { 
      return null; 
     } else { 
      return {validateMinDate: true}; 
     } 
     } 
    }; 
} 

もちろん有効でない場合は、setErrorsを使用し、そこに他のオプションは、このような変更イベントをリッスンとして、同様であり、その後、日付のチェックを行いますフォーム上に。