Angular2： `patchValue（）によってFormGroupコントロールのダーティーをどうやってマークするのですか？

Question

patchValueを介してReactive FormGroupコントロール値をコンポーネントから更新しています。

例：これは素晴らしい作品とvalueChangesイベントをトリガ

this.myForm.patchValue({incidentDate:'2016-09-12'); 

が、しかし、このコントロールのプロパティdirtyはまだfalseです。

コントロールがdirtyになるように、私はincidentDateのコントロールを必要とします。したがって、このコントロールに対して検証ロジックが実行されることがわかります。

コンポーネントからコントロールの値を更新し、そのコンポーネントが汚れていることを示すにはどうすればよいですか？

this.formControl.markAsDirty() 

それとも

は、あなたの場合にはそれができる：

(this.myForm.controls['incidentDate'] as FormControl).markAsDirty() 

Answer 1

：ここ

は私の検証ロジックでありますあなたがこれを使用することができる汚れとしてマークする必要がある配列

export class Helpers { 
/** 
    * Loop and touch all it has 
    * 
    * @param {FormGroup} formGroup 
    * @param func << function name: [markAsTouched, markAsUntouched, markAsDirty, markAsPristine, markAsPending 
    * @param opts 
    * 
    */ 
    public static touchAll(formGroup: FormGroup|FormArray, func = 'markAsDirty', opts = {onlySelf: false}): void { 
    mapValues(formGroup.controls, (c, i) => { 
     if (c instanceof FormGroup || c instanceof FormArray) 
     Helpers.touchAll(c, func, opts); 
     else 
     c[func](opts); 
    }) 
    } 
} 

SuperForm npm packageを使用すると、そうすることができます。

Answer 2

あなたがグループを持っている場合、または私は通常これを行う

onValueChanged(data?: any) { 
    if (!this.myForm) { 
     return; 
    } 
    const form = this.myForm; 
    for (const field in this.formErrors) { 
     // clear previous error message (if any) 
     this.formErrors[field] = ''; 
     const control = form.get(field); 
     if (control && control.dirty && !control.valid) { 
     const messages: any = this.validationMessages[field]; 
     for (const key in control.errors) { 
      this.formErrors[field] += messages[key] + ' '; 
     } 
     } 
    } 
}