Pourquoi mon bouton AngularJS clique-t-il pour actualiser la page ?

Clic sur le bouton AngularJS provoquant l'actualisation de la page

Ce problème tourne autour du comportement par défaut de éléments dans les formulaires. Par défaut, les éléments sans attribut de type explicite sont traités comme des boutons de soumission, déclenchant la soumission d'un formulaire lors d'un clic.

Dans le formulaire AngularJS fourni, le avec ng-click="showChangePassword()" ne définit pas explicitement le type. En conséquence, AngularJS l'interprète comme un bouton de soumission et lance une soumission de formulaire, conduisant à l'actualisation de la page.

解决方案

La spécification du W3C suggère que pour empêcher soumission du formulaire, les éléments doivent avoir leur attribut de type défini sur « bouton ». Ce signal au navigateur que le bouton ne doit pas déclencher la soumission d'un formulaire.

Modifiez le provoquant l'actualisation de la page comme suit :

En définissant type="button", nous indiquons explicitement au navigateur que ce

ne doit pas soumettre le formulaire, empêchant ainsi l'actualisation indésirable de la page lorsque vous cliquez dessus.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!