如何访问AngularJS中的Cookie?

前端之家收集整理的这篇文章主要介绍了如何访问AngularJS中的Cookie?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
什么是AngularJS的方式访问cookie?我已经看到了对cookie的服务和模块的引用,但没有示例。

有没有,还是没有一个AngularJS规范方法?@H_404_2@

这个答案已经更新,以反映最新的稳定的angularjs版本。一个重要的注意是$ cookieStore是围绕$ cookies的薄包装。他们几乎是一样的,因为他们只使用会话cookie。虽然,这回答了原始的问题,还有其他解决方案,你可能希望考虑,如使用localstorage或jquery.cookie插件(这将给你更细粒度的控制和服务器的cookie。当然这样做在angularjs意味着你可能希望将它们包装在服务中,并使用$ scope.apply来通知模型更改的角度(在某些情况下)。

另一个注意,那就是两者之间有一个细微的差别,当拉出数据出取决于你是否使用$ cookie存储值或$ cookieStore。当然,你真的想使用一个或另一个。@H_404_2@

除了添加对js文件的引用,你需要注入ngCookies到你的应用程序定义,如:@H_404_2@

angular.module('myApp',['ngCookies']);

你应该很好去。@H_404_2@

这里是一个功能的最小示例,其中我显示cookieStore是一个薄包裹cookie:@H_404_2@

<!DOCTYPE html>
<html ng-app="myApp">
<head>
   <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<body ng-controller="MyController">

  <h3>Cookies</h3>
  <pre>{{usingCookies|json}}</pre>
  <h3>Cookie Store</h3>
  <pre>{{usingCookieStore|json}}</pre>

  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.js"></script>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular-cookies.js"></script>
  <script>
    angular.module('myApp',['ngCookies']);
    app.controller('MyController',['$scope','$cookies','$cookieStore',function($scope,$cookies,$cookieStore) {
      var someSessionObj = { 'innerObj' : 'somesessioncookievalue'};

    $cookies.dotobject = someSessionObj;
    $scope.usingCookies = { 'cookies.dotobject' : $cookies.dotobject,"cookieStore.get" : $cookieStore.get('dotobject') };

    $cookieStore.put('obj',someSessionObj);
    $scope.usingCookieStore = { "cookieStore.get" : $cookieStore.get('obj'),'cookies.dotobject' : $cookies.obj,};
    }
  </script>

</body>
</html>

步骤是:@H_404_2@

> include angular.js> include angular-cookies.js>在您的应用程序模块中注入ngCookies(并确保在ng-app属性中引用该模块)>向控制器添加$ cookies或$ cookieStore参数>使用点(。)运算符将cookie作为成员变量访问 – 要么 – >使用put / get方法访问cookieStore@H_404_2@

原文链接:https://www.f2er.com/angularjs/147610.html

猜你在找的Angularjs相关文章