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
             }
         }
     }

yeah im not sure how to use it,since i already hv the id set in another page — doe
– doe, Commented Apr 29, 2015 at 9:32

Mihai Dinculescu · Accepted Answer · 2015-04-29 09:55:18Z

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, 2015 at 9:55

answered Apr 29, 2015 at 9:33

Mihai Dinculescu

20.1k8 gold badges58 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

doe Over a year ago

i tired this,but nothing gets passed to my parameter

Mihai Dinculescu Over a year ago

I have updated my answer with jQuery support as well.

doe Over a year ago

i have to use angular js

doe Over a year ago

i used local storage service instead link

Community · Accepted Answer · 2017-05-23 11:50:47Z

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, 2017 at 11:50

CommunityBot

11 silver badge

answered Apr 29, 2015 at 9:33

Beri

11.6k4 gold badges38 silver badges59 bronze badges

Collectives™ on Stack Overflow

How to change a cookie from javascript to angularjs

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related