En AngularJs, necesitamos usar angular-cookies.js para configurar , obtener y borrar las cookies.
Puede usar el enlace cdn en vivo para esto:
https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular-cookies.js
Necesitamos incluir $cookies en su controlador y tiene que obtener, configurar y borrar métodos para obtener, configurar y borrar cookies respectivamente.
Angular tiene directivas incorporadas llamadas ngCookies .
- Escritura de cookies:
se llama a la función WriteCookie del controlador cuando se hace clic en el botón Write Cookie. La función WriteCookie guarda el valor del cuadro de entrada como cookies, utilizando el servicio $cookieStore del módulo ngCookies.La función put de $cookieStore tiene dos parámetros:
- Nombre (Clave)
- Valor
Sintaxis:
$scope.SetCookies = function() { $cookies.put("username", $scope.username); }; - Galletas de lectura:
La función ReadCookie del controlador se llama cuando se hace clic en el botón Read Cookie. La función ReadCookie obtiene el valor de la Cookie utilizando el servicio $cookieStore del módulo ngCookies.
La función get de $cookieStore tiene un parámetro:
- Nombre (Clave)
Sintaxis:
$scope.GetCookies = function() { $window.alert($cookies.get('username')); }; - Eliminación de cookies:
Se llama a la función RemoveCookie del controlador cuando se hace clic en el botón Remove Cookie. La función RemoveCookie elimina la Cookie utilizando el servicio $cookieStore del módulo ngCookies.
La función de eliminación de $cookieStore tiene un parámetro:
- Nombre (Clave)
Sintaxis:
$scope.ClearCookies = function() { $cookies.remove('username'); };
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
A Simple example of Get,
Set and Clear Cookie in AngularJS
</title>
</head>
<body>
<center>
<h1 style="color:green">GeeksforGeeks</h1>
<h2>set, get and clear cookies in AngularJs</h2>
<script type="text/javascript"
src=
"https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js">
</script>
<script type="text/javascript"
src=
"https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular-cookies.js">
</script>
<script type="text/javascript">
var app =
angular.module('MyApp', ['ngCookies']);
app.controller('CookiesController', function(
$scope, $window, $cookies) {
$scope.SetCookies = function() {
$cookies.put("username", $scope.username);
};
$scope.GetCookies = function() {
$window.alert($cookies.get('username'));
};
$scope.ClearCookies = function() {
$cookies.remove('username');
};
});
</script>
<div ng-app="MyApp" ng-controller="CookiesController">
Username:
<input type="text"
ng-model="username" />
<br />
<br />
<input type="button"
value="Set Cookies"
ng-click="SetCookies()" />
<input type="button"
value="Get Cookies"
ng-click="GetCookies()" />
<input type="button"
value="Clear Cookies"
ng-click="ClearCookies()" />
</div>
</center>
</body>
</html>
Producción: