如何在AngularJs中设置，获取和清除cookie？

在AngularJs中，我们需要使用angular-cookies.js来设置，获取和清除cookie。

您可以为此使用实时CDN链接：
https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular-cookies.js

我们需要在您的控制器中包含$ cookies ，它必须具有Get，Set和Clear方法才能分别获取，设置和清除cookie。

Angular具有名为ngCookies的内置指令。

• 编写Cookie：
  单击“写入Cookie”按钮时，将调用控制器的WriteCookie函数。 WriteCookie函数使用ngCookies模块的$ cookieStore服务将输入框的值保存为cookie。

  $ cookieStore put函数具有两个参数：

  • 名称(键)
  • 价值

  句法：

  $scope.SetCookies = function () {
      $cookies.put("username", $scope.username);
  };
  

• 读取Cookie：

  单击“读取Cookie”按钮时，将调用控制器的ReadCookie函数。 ReadCookie函数使用ngCookies模块的$ cookieStore服务获取Cookie的值。

  $ cookieStore get函数具有一个参数：

  • 名称(键)

  句法：

  $scope.GetCookies = function () {
      $window.alert($cookies.get('username'));
  };
  

• 删除Cookie：

  单击“删除Cookie”按钮时，将调用控制器的RemoveCookie函数。 RemoveCookie函数使用ngCookies模块的$ cookieStore服务删除Cookie。

  $ cookieStore删除函数具有一个参数：

  • 名称(键)

  句法：

  $scope.ClearCookies = function () {
      $cookies.remove('username');
  };
  

例子：

  

    
        A Simple example of Get,
      Set and Clear Cookie in AngularJS
    

  

    
        GeeksforGeeks
        set, get and clear cookies in AngularJs
        
        
        
        
        
            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');
                };
  
            });
        
        
            Username:
            
            
            
            
  
            
  
            
        
    

  

输出：