How to change a cookie from javascript to angularjs

Question

I can get a cookie as the following. I call this cookie in my module and pass it as a parameter.

How do I change the code to get a cookie so that its all in standard angularjs code?

    $(document).ready(function() {
         Cookie();
     });

     function getCookie(cname) {
         var name = cname + "=";
         var ca = document.cookie.split(';');
         for (var i = 0; i < ca.length; i++) {
             var c = ca[i].trim();
             if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
         }
         return "";
     }

     function Cookie() {
         var cookie = getCookie('Id');

     }

     function Module($http) {
         var self = this;
         self.$http = $http;
         self.CookieID = getCookie('Id');

         self.test = function() {
             var params = {
                 testId: self.CookieID
             }
         }
     }

methinks you need [ngCookies](https://docs.angularjs.org/api/ngCookies) — Grundy, Apr 29 '15 at 09:23
yeah im not sure how to use it,since i already hv the id set in another page — doe, Apr 29 '15 at 09:32

Mihai Dinculescu · Answer 1 · 2015-04-29T09:55:18.610

3

Angular ngCookies

First include angular-cookies.js in your HTML:

<script src="angular.js">
<script src="angular-cookies.js">

Then load the module in your application by adding it as a dependent module:

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

Usage Example

angular.module('cookiesExample', ['ngCookies'])
.controller('ExampleController', ['$cookies', function($cookies) {
  // Retrieving a cookie
  var favoriteCookie = $cookies.get('myFavorite');
  // Setting a cookie
  $cookies.put('myFavorite', 'oatmeal');
}]);

jQuery

Set Cookie

$.cookie("my_cookie", value);

Set Cookie with Expiration (in days) and Path

$.cookie("my_cookie", value, { expires: 1, path: '/' });

Remove Cookie

$.removeCookie("my_cookie");

edited Apr 29 '15 at 09:55

answered Apr 29 '15 at 09:33

Mihai Dinculescu

18,663
8
48
66

i tired this,but nothing gets passed to my parameter – doe Apr 29 '15 at 09:45
I have updated my answer with jQuery support as well. – Mihai Dinculescu Apr 29 '15 at 09:55
i have to use angular js – doe Apr 29 '15 at 10:03
i used local storage service instead [link](https://github.com/grevory/angular-local-storage) – doe Apr 30 '15 at 12:15

score 0 · Answer 2 · edited May 23 '17 at 11:50

0

Have you tried $cookies?

Secondly you could use jQuery cookie - if AngularJs cookie won't do for you.

Example:

angular.module('cookiesExample', ['ngCookies'])
.controller('ExampleController', ['$cookies', function($cookies) {
  // Retrieving a cookie
  var favoriteCookie = $cookies.get('myFavorite');
  // Setting a cookie
  $cookies.put('myFavorite', 'oatmeal');
}]);

edited May 23 '17 at 11:50

Community

1
1

answered Apr 29 '15 at 09:33

Beri

10,277
3
24
47

How to change a cookie from javascript to angularjs

2 Answers2