データをクリアせずにフォームをプリスティンに設定する
2023-10-11 21:28:18
質問
のリストを表示するフォームがあります。
<input type="text">
要素のリストを表示するフォームがあります。それらはすべて共通の保存ボタンを共有し、フォームがダーティになるまで無効になっています。そして、ユーザーが保存ボタンをクリックすると、データがサーバーに送信されます。サーバーがデータの保存に成功した場合、フォームを元の状態にリセットしたいのですが、ユーザーが選択した場合にデータをさらに編集できるように、フォーム内のすべてのデータを保持したいのです。
検索した結果、私は
NgForm.reset()
メソッドを見つけました。これはフォームを原状復帰させるものですが、残念ながらフォームも消去してしまいます。resetメソッドはvalueパラメータを持っているようですが、それが何をするものなのかがわかりません。それにもかかわらず、私はデータが消去されることを望んでいません。
また、私は
myForm.pristine = true
も試してみましたが、これはなぜかページの再読み込みを引き起こします。
どのように解決するのですか?
あなたが探しているものは
myForm.form.markAsPristine()
.
関連
-
[解決済み] formGroup' は 'form' の既知のプロパティではないため、バインドできません。
-
[解決済み] Angular + Material - データソース(mat-table)を更新する方法
-
[解決済み] ng serve がファイルの変更を自動的に検出しない
-
[解決済み] パイプ ' ' が見つかりません。
-
[解決済み] 角度2 ngfor 最初、最後、インデックスループ
-
[解決済み] AngularでFormArrayからすべての項目を削除する
-
[解決済み] Angular : ルートへの手動リダイレクト
-
[解決済み] Uncaught Error: Unexpected module 'FormsModule' declared by the module 'AppModule'. Pipe/@Directive/@Component アノテーションを追加してください。
-
[解決済み] Angular Material 2 ネストされたオブジェクトによるデータテーブルのソート
-
[解決済み] Angular2 ルーターがクエリ文字列を保持する
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] formControlNameとFormControlの違いは何ですか?
-
[解決済み] Angularでコンポーネントをリフレッシュする方法
-
[解決済み] Error: モジュールによってインポートされた予期しない値 'undefined'。
-
[解決済み] Angular2ルートでAngularの方法でパラメータを取得するには?
-
[解決済み] コンストラクタ注入を行わずにサービスのインスタンスを取得する
-
[解決済み] コンポーネントではなくクラスにサービスをインジェクトする方法
-
[解決済み] Angular 2+でspec.tsファイルなしでComponentを生成する。
-
[解決済み] Angular 2でコンポーネントの静的変数をHTMLにバインドする方法は?
-
[解決済み] Angular2 *ngIf テンプレート内のオブジェクト配列の長さをチェックする
-
[解決済み] Angular2 RC5:「Property X」が「Child Component」の既知のプロパティではないため、「Property X」にバインドできない