form.valueChangesは無効化されたコントロールの値を出力しません

Question

私はAngular Reactiveフォームを持っています。私は値の変更を購読し、親コンポーネントに変更を送信します。一部のコントロールがユーザーによって無効になることがあります。問題は、フォームvalueChangesが発行されたときに無効なコントロールの値が失われていることです。私は基本的なexampleを設定しました。

チェックボックスをオンにして電子メール入力を無効にすると、フォーム制御値がログに記録されません。しかし、私はすべてのフォームの値を取得したいと思います。

Answer 1

有効/無効の状態に関係なく、コントロール値を含めるには、FormGroupのgetRawValue（）を使用します。角度反応形態において

More information in the API documentation

this.myForm.valueChanges.subscribe(() => { 
    this.formValues = JSON.stringify(this.myForm.getRawValue()); 
}); 

Here is the forked example

Answer 2

無効入力からの値は無視されます（入力が無効なフォームを送信しようとすると、投稿されません）。

あなたは '読み取り専用' に

<input formControlName="email" [readonly]="cb.checked"> 
<input #cb type="checkbox" formControlName="toggleEmail"> 

Updated exampleそれを変更することができます。