在前端开发中，我们经常需要在浏览器的本地存储数据。ng-cookie是一个基于AngularJS框架的npm包，它为我们提供了简化Cookie操作的API。本文将介绍如何在AngularJS应用程序中使用ng-cookie包来读取、设置和删除Cookies。
安装ng-cookie
要使用ng-cookie包，请在您的项目中使用npm安装它：
npm install ng-cookie --save
引入ng-cookie
在你的HTML文件中引入js脚本：
<script src="angular.min.js"></script> <script src="angular-cookies.min.js"></script>
引入ngCookie模块：
var app = angular.module('myApp', ['ngCookies']);读取Cookies
使用$cookies服务来读取一个Cookie：
app.controller('myCtrl', function($scope, $cookies) {
var myFavorite = $cookies.get('myFavorite');
$scope.favoriteCookie = myFavorite;
});设置Cookies
使用$cookies服务来设置一个Cookie：
app.controller('myCtrl', function($scope, $cookies) {
$cookies.put('myFavorite', 'oatmeal'); // 存储一个字符串为oatmeal的Cookie
$cookies.put('myObj', JSON.stringify({}); // 存储一个空对象的Cookie
});删除Cookies
使用$cookies服务来删除一个Cookie：
app.controller('myCtrl', function($scope, $cookies) {
$cookies.remove('myFavorite'); // 删除名为myFavorite的Cookie
});示例代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------------------------
------- -----------------------------------------------------------------------
------- -------------------------------------------------------------------------------
------- ----------------------
-------
----- ---------------
---- -----------------------
------ -------------- -- --- ------ ----- -------
------- -------------------------- - ---------------
------- -------------------------------- --- ---------------
------
-------
--------- -------------------- ---- -------
----------------------- --------------
--------------------- ---------------- --------- -
---------------- - ---------- -
-------------------------- -----------
--------------------- - ---------------------------
--
------------------- - ---------- -
------------------------------
--------------------- - ---------------------------
--
---总结
使用ng-cookie包可以极大的简化Cookie的操作。通过本文的介绍，您不仅学会了ng-cookie的使用方法，也了解了在AngularJS中如何处理Cookies。这对于前端开发者来说是一个很实用的知识点。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005727b81e8991b448e8acb