将元素状态保存在angularjs中
Save element state in angularjs
假设ng-repeat
设置了一些动态div元素。当我点击这个元素时,它会切换div上的一个类,就像单选按钮一样,一次只选择一个div。
是否可以通过类似local storage
的方式,使用AngularJS来保留所选状态,以便稍后访问页面时,它知道该选择哪个元素?
取决于。即使用户离开网站或重新加载页面,或者只是在Angular中单击时,是否希望保存状态?
如果你只想要第二个,老实说,如果你只是想加快网站的速度,这就足够了,你可以在服务中保存状态。服务只有一个实例,所以如果您在服务中保存一些内容并稍后访问它,它将包含相同的数据。然而,这仍然只是保存在javascript中,所以实际的页面刷新或离开网站会将其删除。有关更多信息,请参阅此处的答案。
如果你想持续更长的时间,你需要使用cookie或本地存储。Angular有一个额外的插件,你可以下载,名为Angular cookies,它为你提供了处理cookie的$cookies服务$cookie有一些问题,但是,它不允许您设置cookie的路径,这使得它在某些情况下是不可行的,并且它不处理本地存储。所以它可能对你有用,但你可能需要为它创建自己的系统,或者找到其他人。
相关文章:
- 在 AngularJS 中显示信息的标记存在问题
- AngularJS中存在与$scope变量相关的问题.UI中的值未更改
- AngularJS:没有'访问控制允许来源'标头存在于请求的资源上
- javascript(angularjs)检查js对象中是否存在值
- AngularJS中是否存在pre/post$apply挂钩
- 推进器的存在可以't使用angularjs和golang获取成员
- AngularJS NgIf 或 NgHide 如果另一个元素不存在或隐藏
- AngularJs:当存在“;全球”;
- 如何在使用angularjs推送之前检查数组中是否已经存在项目
- 如何检查angularjs中是否存在远程图像
- 使用 AngularJS 将数据保存在 JSON 本地存储中
- Angularjs 在不同页面上存在的服务之间传递数据
- 查找对象数组(Angularjs)中是否存在值
- 围绕Angularjs存在哪些工具/项目/集成
- AngularJS - 检查文件夹是否存在
- AngularJS - Grunt:是否存在一种解决方案来构建仅包含所需模块的正在运行的应用程序
- 使用 Lodash 或 AngularJS 测试对象中是否存在值的最简单方法是什么?
- 检查 JavaScript 对象中是否存在值,当您使用 angularjs 在 TextBox 中键入时
- 当服务中存在嵌套的承诺关系时,AngularJS的行为很奇怪
- 在 AngularJS 中将对象推送到 $scope.array 与 var x = [ ] 相比时是否存在任何性能问题