角度6で(ngSubmit)を実行した後、フォームが更新されません

Meenal

以下はのスニペットです app.component.html

<form *ngIf="addForm" [formGroup]="addForm" (ngSubmit)="onSubmit()">
  <table>
    <thead></thead>
    <tbody>
      <tr>
        <td>

app.component.ts

onSubmit() {
  console.log(this.addForm.value);
  this.contractService.saveContract(this.addForm.value)
    .subscribe(data => {
      alert('Contract created successfully');
    });
}

私の問題は、アラートを受け取った後、フォームの値が自動的にクリアされる、つまりフォームが更新される必要があることです。それは私には起こっていません。どんな提案も認められます。

アニケット・アバド

アラートOKクリック後にフォームをクリアする必要があります

これが例です

onSubmit() {
  console.log(this.addForm.value);
  this.contractService.saveContract(this.addForm.value)
    .subscribe(data => {
       if (!alert("Contract created successfully")) {
          this.addForm.reset();
       }

    });
}

使用することもできます window.confirm

onSubmit() {
      this.contractService.saveContract(this.addForm.value)
        .subscribe(data => {
           if ( window.confirm('Contract created successfully') ) {
               //clicked Yes
               this.addForm.reset();
            }
        });
    }

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

djangoでフォームを送信した後、ビュー関数が呼び出されていません

分類Dev

角度 js を使用して動的に追加されたフォーム フィールドを削除できません

分類Dev

フォームが初期化されると、Reduxフォームは新しい値を更新できません

分類Dev

フォーム送信が表示または実行されていません

分類Dev

実行後にフレームの幅が正確であるが、高さが更新されないゲームを作成しました

分類Dev

Python 3 tkinter ウォーター アラームが IF ループで実行されませんでした

分類Dev

リモートコマンドの実行後にPrimefacesグリッドが更新されませんでした

分類Dev

onAppear()内で関数を実行した後、@ State変数の1つが更新されません

分類Dev

htmlフォームが正しく実行されていません

分類Dev

remote => trueを使用したRailsフォーム送信-jsファイルはレンダリングされますが実行されません

分類Dev

.travis.ymlファイルに構成を追加した後、TravisCIが実行されませんでした

分類Dev

「フォーム」を実行しようとしましたが、2ページ目で空白のページが表示され、3ページ目にデータが渡されませんでした。

分類Dev

Xamarinフォームボタンが3秒間押されたイベントは、アクションを実行するか、何も実行しません

分類Dev

ポリマーコア(ajax)を使用してフォーム結果を送信する際に問題が発生しました-実行されませんか?

分類Dev

ajaxフォームがckeditortextareaから値を送信した後、投稿を介して送信されません

分類Dev

フォームonsubmitは関数を実行しますが、変更は保持されません

分類Dev

AJAXフォームは情報を送信しますが、PHPは実行されません

分類Dev

startActivityパスの行をデバッグしましたが、フォームが表示されません

分類Dev

行に対して削除操作が実行された後に使用された場合、テーブルはtable.ajax.reload()で更新されません

分類Dev

Squarespace:フォーム送信の失敗:JavaScriptでフォームデータを正常に処理した後、フォームはMailchimpに送信されません

分類Dev

Foundationを追加した後、Railsフォームは送信されません

分類Dev

javascript:jsonからhtmlフォームを作成しましたが、フォームを更新できません

分類Dev

sitecoreで、Webフォームを作成して公開した後、サイトに表示されません

分類Dev

`dotnet new web`を実行した後、wwwrootフォルダーがプロジェクトに追加されません

分類Dev

有効な入力を入力し、残りの入力フィールドを空にしてフォームを送信した後、JS検証が実行されません

分類Dev

別のフォームが送信された後、非表示のフォームはデフォルト値を保持しません

分類Dev

エラーが存在する場合、PHP +でフォームを検証しても更新されません

分類Dev

角度7で作成されたカスタムパイプを使用して検索を実行できません

分類Dev

HTMLフォームが送信されたときに$ .ajaxを実行します

Related 関連記事

  1. 1

    djangoでフォームを送信した後、ビュー関数が呼び出されていません

  2. 2

    角度 js を使用して動的に追加されたフォーム フィールドを削除できません

  3. 3

    フォームが初期化されると、Reduxフォームは新しい値を更新できません

  4. 4

    フォーム送信が表示または実行されていません

  5. 5

    実行後にフレームの幅が正確であるが、高さが更新されないゲームを作成しました

  6. 6

    Python 3 tkinter ウォーター アラームが IF ループで実行されませんでした

  7. 7

    リモートコマンドの実行後にPrimefacesグリッドが更新されませんでした

  8. 8

    onAppear()内で関数を実行した後、@ State変数の1つが更新されません

  9. 9

    htmlフォームが正しく実行されていません

  10. 10

    remote => trueを使用したRailsフォーム送信-jsファイルはレンダリングされますが実行されません

  11. 11

    .travis.ymlファイルに構成を追加した後、TravisCIが実行されませんでした

  12. 12

    「フォーム」を実行しようとしましたが、2ページ目で空白のページが表示され、3ページ目にデータが渡されませんでした。

  13. 13

    Xamarinフォームボタンが3秒間押されたイベントは、アクションを実行するか、何も実行しません

  14. 14

    ポリマーコア(ajax)を使用してフォーム結果を送信する際に問題が発生しました-実行されませんか?

  15. 15

    ajaxフォームがckeditortextareaから値を送信した後、投稿を介して送信されません

  16. 16

    フォームonsubmitは関数を実行しますが、変更は保持されません

  17. 17

    AJAXフォームは情報を送信しますが、PHPは実行されません

  18. 18

    startActivityパスの行をデバッグしましたが、フォームが表示されません

  19. 19

    行に対して削除操作が実行された後に使用された場合、テーブルはtable.ajax.reload()で更新されません

  20. 20

    Squarespace:フォーム送信の失敗:JavaScriptでフォームデータを正常に処理した後、フォームはMailchimpに送信されません

  21. 21

    Foundationを追加した後、Railsフォームは送信されません

  22. 22

    javascript:jsonからhtmlフォームを作成しましたが、フォームを更新できません

  23. 23

    sitecoreで、Webフォームを作成して公開した後、サイトに表示されません

  24. 24

    `dotnet new web`を実行した後、wwwrootフォルダーがプロジェクトに追加されません

  25. 25

    有効な入力を入力し、残りの入力フィールドを空にしてフォームを送信した後、JS検証が実行されません

  26. 26

    別のフォームが送信された後、非表示のフォームはデフォルト値を保持しません

  27. 27

    エラーが存在する場合、PHP +でフォームを検証しても更新されません

  28. 28

    角度7で作成されたカスタムパイプを使用して検索を実行できません

  29. 29

    HTMLフォームが送信されたときに$ .ajaxを実行します

ホットタグ

アーカイブ