当前位置: 首页 > 新闻动态 > 软件编程

AngularJs中$cookies简单用法分析

作者:用户投稿 浏览: 发布日期:2026-01-11
[导读]:这篇文章主要介绍了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程序设计有所帮助。

免责声明:转载请注明出处:http://sczxchw.cn/news/435692.html

扫一扫高效沟通

多一份参考总有益处

免费领取网站策划SEO优化策划方案

请填写下方表单,我们会尽快与您联系
感谢您的咨询,我们会尽快给您回复!