角度格式：如果單個值發生變化，則驗證完整的表單組

Question

是否有可能將單個驗證器添加到formGroup中，formGroup中的單個值發生更改時會立即調用它？

我想應該是這樣的：

'group': this.formBuilder.group({ 
    'value1': [''], 
    'value2': [''], 
    'value3': [''] 
    }, [MyCustomValidator]), 

，但驗證器上的變化formGroup內部發生的調用，......我可以驗證單獨添加到每個字段，然後調用control.parent（這是工作），但這似乎不是一個合適的解決方案。

Answer 1

在使用驗證器的這種方式，它的發射每次值1和值2獲得它們的值改爲：

this.fb.group({ 
      value1: ['', [this.validateService.isNumber]], 
      value2: ['', [this.validateService.isNumber, this.validateService.isLessThanHundred]], 
     }, { validator: this.validateService.countInputs }); 

plunker

Answer 2

您可以從角度使用OnChanges接口。

ngOnChanges(changes: SimpleChanges){ 
    // call the validation method 
    // this.formBuilder.group.valid property 
} 

對於更詳細的文檔，請點擊here OR 使用從here

ngAfterViewChecked() { 
this.formBuilder.group.valueChanges.subscribe(()=> { 
    //do whatever you want; eg: enable the save or update button 
}); 
} 

AfterViewChecked請點擊here對角的生命週期掛鉤。