AngularJS

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > AngularJS > AngularJs中$cookies用法

AngularJs中$cookies简单用法分析

作者:常驻客

这篇文章主要介绍了AngularJs中$cookies简单用法,结合实例形式分析了AngularJS使用$cookies存储变量相关操作技巧与注意事项,需要的朋友可以参考下

本文实例讲述了AngularJs中$cookies简单用法。分享给大家供大家参考,具体如下:

首先导入angular-cookies.js

在App 中require模块ngCookies

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

使用格式:$cookies.变量名 = 变量值

不能使用:

$cookies.变量名 = {
变量名1: 变量值,
变量名2: 变量名,
.............
}

因为这样使用:$cookies.变量名.变量名1的方式就不被识别

cookies存储少量数据

cookieStore采用key-value(String-object)方式存储数据,

put,get,remove分别用于存数据,取数据,移除数据

angular.module('cookieStoreExample', ['ngCookies'])
 .controller('ExampleController', ['$cookieStore', Function($cookieStore) {
  // Put cookie
  $cookieStore.put('myFavorite','oatmeal');
  // Get cookie
  var favoriteCookie = $cookieStore.get('myFavorite');
  // Removing a cookie
  $cookieStore.remove('myFavorite');
 }]);

可以以对象的形式存储

$cookieStore.put("user",{id: "id",name: "name"});

希望本文所述对大家AngularJS程序设计有所帮助。

您可能感兴趣的文章:
阅读全文