AngularJs中$cookies如何实现高效且简单的数据存储与读取？

本文共计298个文字，预计阅读时间需要2分钟。

AngularJs 中使用 $cookies 的简单用法如下：

首先，引入 angular-cookies.js 文件，并在 App 模块中 require ngCookies 模块：

javascriptangular.module('app', ['ngCookies']);

使用格式：`$cookies.变量名`

例如：

javascript$cookies.put('username', 'JohnDoe');var username=$cookies.get('username');$cookies.remove('username');

本文实例讲述了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程序设计有所帮助。