AngularJs中$cookies简单用法分析
编程学习 2021-07-04 15:50www.dzhlxh.cn编程入门
这篇文章主要介绍了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程序设计有所帮助。