1. ホーム
  2. javascript

[解決済み] Angular 2: フォームが接続されていないため、フォーム送信がキャンセルされる

2022-12-05 08:03:01

質問

フォームを含むモーダルがありますが、モーダルが破棄されると、コンソールに次のようなエラーが表示されます。

フォームが接続されていないため、フォームの送信はキャンセルされました。

モーダルは <modal-placeholder> 要素の直接の子である <app-root> の直接の子であり、私のトップレベル要素です。

Angular 2でDOMからフォームを削除し、このエラーを取り除くための正しい方法は何ですか?私は現在 componentRef.destroy();

どのように解決するのですか?

他にも原因があるかもしれませんが、私の場合はボタンがブラウザに送信ボタンとして解釈され、ボタンをクリックしたときにフォームが送信されてしまい、エラーが発生しました。type="button" を追加すると、問題が解決しました。完全な要素です。

    <button type="button" (click)="submitForm()">