angular如何获取sessionstorage?

在Angular中sessionStorage是用来存储客户端临时信息的对象,那么如何获取sessionStorage对象中的信息呢?下面本篇文章就来给大家介绍一下,希望对大家有所帮助。

sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。

sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。我们可利用SessionStorage保存一些会话类公共信息。

angular如何获取sessionstorage?

我们可以使用getItem()方法来获取sessionstorage中的数据。getItem()方法接受一个键名(key name)作为参数,并返回对应键名的值(key's value)。

语法:

sessionStorage.getItem(key)

示例:使用sessionStorage判断是否已登录

1、登录提交设置sessionStorage

登录的时候将账户信息添加进sessionStorage,这里为方便直接记录账户名。当然在实际使用中一般都是登录成功返回信息时进行添加,然后再进行跳转。

在LoginCtrl控制器中跳转前加入以下代码:

sessionStorage.setItem('username', $scope.username);

2、在页面中添加判断

除了login页面之外,其他页面都需要进行判断,这里我们在头部控制器里加入判断:

//判断是否已经登录,未登录则进行跳转
if (!sessionStorage.getItem('username')) {//使用getItem()方法来获取sessionstorage中的信息,判断是否为空
  alert("请登录");
  location.href = 'index.html#/';
}

相关视频教程推荐:《Angular.js教程

以上就是angular如何获取sessionstorage?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读