AngularJs中$cookies简单用法分析

作者: 萌萌萌小可爱
来源: 51数据库
2020-08-10

这篇文章主要介绍了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程序设计有所帮助。

推荐阅读

热点文章

Angular中响应式表单的三种更新值方法详析

7 2021-09-05

Angularjs实现下拉框联动的示例代码

7 2021-09-05

详解AngularJS跨页面传值（ui-router）

2 2021-09-05

详解AngularJS1.x学习directive 中‘& ’‘=’ ‘@’符号的区别使用

3 2021-09-03

angular2路由切换改变页面title的示例代码

4 2021-09-02

Angular2 组件间通过@Input @Output通讯示例

5 2021-09-02

Angularjs中ng-repeat的简单实例

3 2021-09-01

AngularJS 中ui-view传参的实例详解

4 2021-09-01

浅谈Angular路由守卫

4 2021-08-31

详解基于Angular4+ server render(服务端渲染)开发教程

4 2021-08-31