在Angular JS中没有正确调用Javascript函数

Question

我基本上是为我的项目构建一个表单。 以下是项目的plunkr URL：https://plnkr.co/edit/FNx7t48XFOJHrFzIpd1R?p

1. MainController.js：它有一个名为FormDataService的工厂，用于跟踪用户对表单的输入，并将数据实时保存到Angular的前端模型中。

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会再次初始化 并重置所有声明的变量和范围。

如果您想实时使用Angular的前端模型，可以使用this repo中的$localStorage或$sessionStorage

还有其他存储库。

这样，数据会在您的应用程序生命周期内持续存在，  即使用户刷新页面。