フォームビルダが値をあらかじめ入力しているときにフォームビルダを編集中に検証する方法はありますか？

Question

私は、角度4のフォームとフォームグループコンポーネントを使用してデータの追加/編集フォームを作成しています。私は、新しいデータを追加する際に適切な検証をすることができますが、既に入力された入力フィールドで同じフォームを編集する際に問題があります。コードの下

は、コンポーネントの一部は次のとおりです。コードの下

this.saveNotification = this.formBuilder.group({ 
    id: '', 
    name: ['', Validators.required], 
    question: ['', Validators.required], 
    repeatTypesControl: ['', Validators.required], 
    remindAt: '', 
}); 

if(this.isUpdateCheck){///pre-filled form on Edit 
    this.saveNotification.patchValue({ 
    id: 4, 
    name: "Deck", 
    question: "Who's Deck is this?", 
    remindAt: "08:30pm", 
    }); 

this.saveNotification.updateValueAndValidity(); 
    for (var i in this.saveNotification.controls) { 
    this.saveNotification.controls[i].markAsTouched(); 
    } 

テンプレート部分である：

<button ion-button color="secondary" type="submit" [disabled]="(!saveNotification.valid)" color="dark">SAVE</button> 

値を編集するにあたりを得ているので、私は常にfalseとしてsaveNotification.valid値を取得していますコンポーネントから埋められます。私はthis.saveNotification.controls [i] .markAsTouched（）を試しましたが、これはうまくいきません。

Answer 1

this.saveNotification.patchValue({ 
    id: 4, 
    name: "Deck", 
    question: "Who's Deck is this?", 
    remindAt: "08:30pm" 
}); 

使用

this.saveNotification.controls['id'].setValue(4); 
this.saveNotification.controls['name'].setValue('Deck'); 
this.saveNotification.controls['question'].setValue('Who's Deck is this?'); 
this.saveNotification.controls['remindAt'].setValue('08:30pm');