Create cookie with AngularJS

Question

I tried to use the code below to set cookies:

angular.module('myApp').controller('myController', ['$scope', '$http','$cookies', function ($scope, $http, $cookies) {

    $scope.setMyCookie = function () {
        $cookies.put('Mykey', 'MyValue');    
    };
    $scope.setMyCookie();
}]);

I updated to version 1.3.14 of angular cookies, I know there is a breaking change, but how should I write the above code now ?

Running the above code I get this error : Error: $cookies.put is not a function

UPDATE : I have to do this in 2 files:

var app = angular.module('myApp', ['ngRoute']);

app.config(['$routeProvider', '$httpProvider', function ($routeProvider, $httpProvider) {

}]);

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

Piotr Dajlido · Accepted Answer · 2015-03-18 13:28:00Z

10

It happends via setting the $cookies variable:

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

Your version:

angular.module('myApp', ['ngCookies'])
.controller('myController', ['$scope', '$http','$cookies', function ($scope, $http, $cookies) {

  // Retrieving a cookie
  var favoriteCookie = $cookies.myFavorite;
  // Setting a cookie
  $cookies.myFavorite = 'oatmeal';
}]);

Source

NOTE: Remember to include <script src="angular-cookies.js"> in your html.

edited Mar 18, 2015 at 13:28

answered Mar 18, 2015 at 13:14

Piotr Dajlido

2,04017 silver badges28 bronze badges

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

4 Comments

TheBoubou Over a year ago

well when I do this my page is absolutely not loaded

Piotr Dajlido Over a year ago

Edited just for you.. ;)

TheBoubou Over a year ago

Of course the 'angular-cookies.js' is included. I tried your code, just change the controller name and the module name. The page is not loaded anymore

Piotr Dajlido Over a year ago

check for minior errors missing ; or others. You can use this tool : developers.google.com/closure/utilities

valverde93 · Accepted Answer · 2015-03-18 13:13:06Z

4

You must inject ngCookies in your module:

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

answered Mar 18, 2015 at 13:13

valverde93

1,6981 gold badge11 silver badges17 bronze badges

Comments

Tunaki · Accepted Answer · 2016-03-03 12:26:43Z

2

Missing ngcookies in your module

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

edited Mar 3, 2016 at 12:26

Tunaki

138k46 gold badges370 silver badges443 bronze badges

answered Mar 3, 2016 at 12:24

Pulithevan S

213 bronze badges

Collectives™ on Stack Overflow

Create cookie with AngularJS

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related