在Angular Js中使用本地存储

时间:2015-10-29 11:52:01

标签: javascript jquery angularjs

我正在使用角度js开发应用程序。我在使用localstorage时遇到问题。我的代码看起来:

var id = response.data[0].id;
var email = response.data[0].email;
localStorage.setItem('userId', id);
localStorage.setItem('email', email);

我在localstorage中设置了两个值。我在运行函数中获取这些值

run(function($rootScope,$location) {           
    var userId = localStorage.getItem('userId');

    $rootScope.$on('$locationChangeStart', function (event, next, current) {
        alert(userId);
    });         
})

我的问题是userId在我刷新页面时第一次显示为null然后它提醒我值。如何在没有刷新页面的情况下获得价值。

3 个答案:

答案 0 :(得分:1)

我得到了解决方案。问题是我在本地以外的地方存储 $ locationChangeStart'方法

这是正确的方法:

run(function($rootScope,$location) {           
    $rootScope.$on('$locationChangeStart', function (event, next, current) {
       var userId = localStorage.getItem('userId');
        alert(userId);
    });         
})

答案 1 :(得分:0)

我不知道它是否有帮助,但我在本地存储中找到了这个例子。您可以打开两个页面,两个页面都会根据另一个页面进行更新。 Local Storage Example 您可以在右下角找到指向源代码的链接。

答案 2 :(得分:-2)

$window.localStoage.setItem("key","Value");