Javascript-Funktion nicht richtig in Angular JS aufgerufen werden

Question

Ich bin im Grunde ein Formular für mein Projekt erstellen. ist hier plunkr URL für das Projekt: https://plnkr.co/edit/FNx7t48XFOJHrFzIpd1R?p

1. MainController.js: Diese eine Fabrik FormDataService genannt hat, die Benutzereingabe in das Formular verfolgt und speichert die Daten in Schräg des Front-End-Modell in Echtzeit.

2. 129.html: Dies ist die Ansicht, in der die Frage weiterlebt.

3. Sample.json: Ich benutze dieses Format JSON-Dateien die Ansicht für 129.html

4. 129Ctrl.js zu füttern: Nur ein Controller

5. app.js: ich die Routen definieren Ansichten ngroutes

In meinem 129Ctrl.js, ich hinzufüge $ scope.formData = {} verwenden ;. Dadurch kann ich die Benutzereingaben in formData speichern. Das Problem besteht darin, dass beim Aktualisieren des Benutzers die formData nicht beibehalten wird. FormDataService in MainController.js soll das erledigen, aber ich bin mir nicht sicher, warum es das nicht tut.

Answer 1

Wenn der Benutzer die Seite aktualisiert, wird Ihre controller erneut initialisiert und alle deklarierten Variablen und Bereiche werden zurückgesetzt.

, wenn Sie in Echtzeit Front-End-Modell verwenden möchten Angular die Sie $localStorage oder $sessionStorage von this repo

gibt es andere Repositories auch nutzen können.

so bleiben Daten während der Lebensdauer Ihrer Anwendung erhalten, , selbst wenn der Benutzer die Seite aktualisiert.