使用AngularJS在客户端上存储信息

时间:2014-03-27 11:46:17

标签: javascript angularjs cookies dhc

我正在开发一款类似于DHC by Restlet的应用。我希望能够在cookie或类似的东西中存储标题(由用户输入,就像在Dev HTTP Client中一样)以便有可能记住"用户在Dev HTTP Client中输入了哪些标头。我正在尝试使用$cookie$cookieStore进行此操作,但它似乎不能正常工作(在Chrome上根本没有保存,而在FireFox上它们会消失,如果浏览器重新启动。)

这就是它的样子(复选框用于保存/删除Cookie中的标题,加上 - 添加新标题):

enter image description here

请指出解决方案或提供一些有用的链接/文章,提供您自己的想法!每个答案都受到高度赞赏并立即回答。

谢谢。

1 个答案:

答案 0 :(得分:1)

我会说使用HTML5本地存储的模块是个好主意;例如,使用angularLocalStorage,您可以在模块中注入它(不要忘记包含cookie回退)

angular.module("surveillance", ['ngCookies','angularLocalStorage']);

然后将属性绑定到本地存储:

storage.bind($scope, "queries", {
    defaultValue:[{
                    "title" : "angularjs is used in this app",
                    "search" : "https://api.stackexchange.com/2.2/search/advanced?page=1&pagesize=25&order=desc&sort=creation&closed=False&tagged=angularjs&site=stackoverflow"
                }
            ]
    });

现在,对范围的queries属性的任何更改都将在调用之间保持不变。 为了看一个演示,你可以看看我编写的this page,它可以让你在stackoverflow上保留最喜欢的搜索(full source code:免责声明当我在测试时看到你的帖子时,我正在处理这个问题应用:))