Warum aktualisiert mein AngularJS-Schaltflächenklick die Seite?

AngularJS-Schaltflächenklick verursacht Seitenaktualisierung

Dieses Problem dreht sich um das Standardverhalten von Elemente innerhalb von Formularen. Standardmäßig ist die Elemente ohne explizites Typattribut werden als Senden-Schaltflächen behandelt, die beim Klicken eine Formularübermittlung auslösen.

Im bereitgestellten AngularJS-Formular ist die mit ng-click="showChangePassword()" wird der Typ nicht explizit definiert. Infolgedessen interpretiert AngularJS es als Schaltfläche zum Senden und initiiert eine Formularübermittlung, die zur Seitenaktualisierung führt.

解决方案

Die W3C-Spezifikation schlägt vor, dies zu verhindern Formularübermittlung, Bei Elementen sollte das Typattribut auf „button“ gesetzt sein. Dies signalisiert dem Browser, dass die Schaltfläche keine Formularübermittlung auslösen soll.

Ändern Sie die Dadurch wird die Seitenaktualisierung wie folgt ausgeführt:

Durch die Einstellung von type="button" weisen wir den Browser explizit an, dass dieser bestimmte

sollte das Formular nicht absenden, um die unerwünschte Seitenaktualisierung beim Klicken zu verhindern.

Das obige ist der detaillierte Inhalt vonWarum aktualisiert mein AngularJS-Schaltflächenklick die Seite?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!