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-18T13:28:00.130

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 '15 at 13:28

answered Mar 18 '15 at 13:14

Piotr Dajlido

1,982
15
28

well when I do this my page is absolutely not loaded – TheBoubou Mar 18 '15 at 13:18
Edited just for you.. ;) – Piotr Dajlido Mar 18 '15 at 13:20
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 – TheBoubou Mar 18 '15 at 13:29
check for minior errors missing ; or others. You can use this tool : https://developers.google.com/closure/utilities/ – Piotr Dajlido Mar 18 '15 at 13:34

score 4 · Answer 2 · answered Mar 18 '15 at 13:13

4

You must inject ngCookies in your module:

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

answered Mar 18 '15 at 13:13

valverde93

1,698
1
11
17

score 2 · Answer 3 · edited Mar 03 '16 at 12:26

2

Missing ngcookies in your module

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

edited Mar 03 '16 at 12:26

Tunaki

132,869
46
340
423

answered Mar 03 '16 at 12:24

Pulithevan S

21
3

Create cookie with AngularJS

3 Answers3

Linked

Related