[解決済み] Angular 2の無効化されたコントロールがform.valueに含まれない
2022-04-24 09:59:03
質問
Angular 2のリアクティブフォームでコントロールを無効にすると、そのコントロールはform.valueに含まれないことに気づきました。 例えば、以下のようにフォームを定義した場合。
this.notelinkingForm = new FormGroup({
Enabled: new FormControl(settings.Enabled, Validators.required),
LinkToPreceeding: new FormControl({value: settings.LinkToPreceeding, disabled: !settings.Enabled}, Validators.required),
LinkingTolerance: new FormControl({value: settings.LinkingTolerance, disabled: !settings.Enabled}, Validators.required)
});
で、this.notelinkingForm.valueをチェックし、すべてのコントロールが有効であれば、出力は次のようになります。
{"Enabled":true, "LinkToPreceeding": true, LinkingTolerance:"100"}
しかし、一部のコントロールを無効にすると、そうなってしまいます。
{"Enabled":true}
無効化されたコントロールがどのように除外されているかに注目してください。
私の意図は、フォームが変更されたときに、その中のすべてのプロパティを含む form.value をレスト API に渡すことができるようにすることです。 これは、無効にされた項目を含んでいない場合、明らかに不可能です。
私はここで何かを見逃していますか、それともこれは期待される動作ですか? 無効な項目をform.valueに含めるようにAngularに指示する方法はありますか?
あなたの考えを歓迎します。
解決方法は?
使用することができます。
this.notelinkingForm.getRawValue()
から Angularドキュメント :
無効の状態にかかわらず、すべての値を含めたい場合は、この方法を使用します。そうでない場合は
value
プロパティは、グループの値を取得するための最良の方法です。
関連
-
Angularインタビュー質問まとめ1~基礎知識(Angular v8+)編
-
[解決済み] Angular HTMLバインディング
-
[解決済み] モジュール "@angular-devkit/build-angular" が見つかりませんでした。
-
[解決済み] Angular 2の "select "で新しい選択範囲を取得するにはどうすればよいですか?
-
[解決済み] '合成プロパティ @panelState を発見しました。BrowserAnimationsModule" か "NoopAnimationsModule" のどちらかを入れてください'。
-
[解決済み] エクスポートされた2つのクラスを同じ名前でインポートする
-
[解決済み] エラーが発生しました。出力が初期化されていません
-
[解決済み] ファイル 'app/hero.ts' is not a module error in console, where to store interfaces files in directory structure with angular2?
-
[解決済み] angular ngModuleのentryComponentsとは何ですか?
-
[解決済み] Angularでオブジェクトを繰り返し処理する【重複】。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
angular.jsのエラーです。エラーです。[$injector:modulerr] 原因
-
[解決済み] formGroup' は 'form' の既知のプロパティではないため、バインドできません。
-
[解決済み] コンポーネントテンプレートで要素を選択するには?
-
[解決済み] ExpressionChangedAfterItHasBeenCheckedErrorの説明
-
[解決済み] Angularアプリを本番用にバンドルする方法
-
[解決済み] Angular 2のキープレスごとの変更イベント
-
[解決済み] 例外が発生しました。既知のネイティブプロパティではないため、'ngFor'にバインドできない
-
[解決済み] Angular2の括弧、括弧、アスタリスクの違いは何ですか?
-
[解決済み] Angular2の変更検出:ネストされたオブジェクトに対してngOnChangesが発生しない
-
[解決済み] Angular 2の無効化されたコントロールがform.valueに含まれない