Maison > interface Web > js tutoriel > le corps du texte

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

DDD
Libérer: 2024-11-18 06:20:02
original
185 Les gens l'ont consulté

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>
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal