AngularJS ボタンをクリックするとページが更新されるのはなぜですか?

AngularJS ボタンのクリックによりページが更新される

この問題は、 のデフォルトの動作を中心に展開しています。フォーム内の要素。デフォルトでは、<ボタン>明示的な type 属性のない要素は送信ボタンとして扱われ、クリックするとフォームの送信がトリガーされます。

提供された AngularJS フォームでは、

ng-click="showChangePassword()" ではタイプを明示的に定義しません。その結果、AngularJS はそれを送信ボタンとして解釈し、フォームの送信を開始し、ページの更新につながります。

解决方案

W3C 仕様では、これを防止することを提案しています。フォーム送信、<ボタン>要素の type 属性は「button」に設定する必要があります。これは、ボタンがフォーム送信をトリガーしてはならないことをブラウザーに通知します。

を変更します。次のようにページが更新されます。

type="button" を設定することで、この特定の がブラウザに明示的に指示されます。クリック時に不要なページが更新されるのを防ぐため、フォームを送信しないでください。

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