Javascript函數在Angular JS中沒有正確調用

Question

我基本上爲我的項目構建了一個表單。 下面是該項目plunkr網址：https://plnkr.co/edit/FNx7t48XFOJHrFzIpd1R?p

1. MainController.js：這有一個工廠叫FormDataService跟蹤用戶的輸入到表單和保存數據實時角的前端模式。

2. 129.html：這是問題所在的視圖。

3. Sample.json：我使用的JSON文件，這種格式養活視圖129.html

4. 129Ctrl.js：只是一個控制器

5. app.js：我定義路由視圖中使用ngroutes

在我129Ctrl.js，我添加$ scope.formData = {} ;.這讓我可以將用戶輸入保存到formData。問題是，當用戶刷新時，formData不會持續。 MainController.js中的FormDataService應該可以完成這項工作，但我不確定它爲什麼沒有這樣做。

Answer 1

當用戶刷新頁面時，您的controller被再次初始化 並且所有聲明的變量和作用域都被重置。

如果你想使用實時角的前端模型，你可以使用 $localStorage或 $sessionStorage從 this repo

有其他存儲庫以及

。

這樣，即使用戶刷新頁面，數據也會在應用程序的生命週期中持續存在，即 。