Angular ボタンをクリックすると予期しないページが更新され、404 エラーが発生するのはなぜですか?

Angular フォームでのボタンのクリックによってトリガーされる予期しないページ更新

送信ボタンとナビゲーション ボタンの両方を含む Angular フォームでは、ナビゲーション ボタンをクリックすると不要なページが更新されます。これにより 404 エラーが発生します。デバッグとトラブルシューティングにもかかわらず、ng-click 属性を削除するか、対応する関数をコメントアウトするか、アンカー要素に切り替えない限り、ページの更新は継続します。

W3C 仕様によれば、ボタン要素は「送信」タイプを意味します。この動作により、ナビゲーション アクションが意図されている場合に、予期しないフォームが送信される可能性があります。この問題を解決するには、ナビゲーション ボタンの type 属性を明示的に「button」に設定します。

コードを変更する方法は次のとおりです。

設定によるtype="button" は、ナビゲーション ボタンがフォームを送信しないことを明示的に示します。これにより、必要なナビゲーション機能を維持しながら、ページの更新と 404 エラーが防止されます。

以上がAngular ボタンをクリックすると予期しないページが更新され、404 エラーが発生するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。