Angular JSでJavascript関数が正しく呼び出されない

Question

私は基本的に私のプロジェクト用のフォームを作成しています。 https://plnkr.co/edit/FNx7t48XFOJHrFzIpd1R?p

1. MainController.js： はここでプロジェクトのplunkr URLです。これは、フォームにユーザーの入力を追跡し、リアルタイムで角度のフロントエンドモデルにデータを保存しFormDataServiceと呼ばれる工場を持っています。

2. 129.html：これは質問が生きる場所です。

3. Sample.json：ちょうどコントローラ

4. app.js：私は129.htmlため

5. 129Ctrl.jsを視野を養うためにJSONファイルのこのフォーマットを使用する私はルートを定義します私129Ctrl.jsでngroutes

を使用してビューには、私は$ scope.formData = {}を追加している;.これにより、ユーザーが入力した内容をformDataに保存することができます。問題は、ユーザーが更新したときにformDataが保持されないということです。 MainController.jsのFormDataServiceはその作業を行うことになっていますが、なぜそれが実行されていないのか分かりません。

Answer 1

ユーザーがページを更新するときにcontrollerが再び初期化され、 と宣言された変数とスコープがすべてリセットされます。

あなたは、リアルタイムで角度のフロントエンドモデルを使用したい場合は、他のリポジトリがそこにもあるthis repo

から$localStorageまたは$sessionStorageを使用することができます。

この方法では、ユーザーのページが更新されても、アプリケーションの有効期間中データは保持されます。