Maison  >  Article  >  interface Web  >  Pourquoi mon bouton AngularJS dans un formulaire provoque-t-il une actualisation de la page ?

Pourquoi mon bouton AngularJS dans un formulaire provoque-t-il une actualisation de la page ?

DDD
DDDoriginal
2024-11-18 06:20:02182parcourir

Why Does My AngularJS Button in a Form Cause a Page Refresh?

Bouton AngularJS dans l'actualisation de la page des déclencheurs de formulaire

Ce problème survient lorsque vous avez un formulaire avec à la fois un bouton de soumission et un bouton de navigation. En cliquant sur le bouton de navigation, AngularJS lance une actualisation de la page, entraînant une erreur 404.

La raison derrière ce problème est que le bouton de navigation est supposé être un bouton de soumission par défaut dans AngularJS, sauf indication contraire explicite. . Pour résoudre ce problème, vous pouvez marquer le bouton de navigation comme type='button', conformément à la spécification W3C :

<button>

Cela garantit que le bouton ne déclenche pas l'envoi d'un formulaire lorsqu'il est cliqué, empêchant ainsi l'actualisation de la page. .

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn