Unable to read cookie in Angular.js

Question

I am unable to get the cookies in Angular.js. The code which I used is

angular.module('Routes', ['ngRoute','reviewService']).config(['$routeProvider','$locationProvider','$cookies','$cookieStore',
function($routeProvider, $locationProvider,$cookies,$cookieStore) {
var user=$cookies['username']
if(user !='undefined')
    {
    $routeProvider
       .when('/', {
         templateUrl: '/view/home.html',
         controller: 'myController'
    })
............

The error which I am getting in browser console is

Error: [$injector:modulerr] Failed to instantiate module Routes due to:
Error: [$injector:unpr] Unknown provider: $cookies
........

The error which I am getting in browser console is Error: [$injector:modulerr] Failed to instantiate module Routes due to: Error: [$injector:unpr] Unknown provider: $cookies — Jayanth
– Jayanth, Commented Jan 6, 2015 at 4:01
Unknown provider: $cookies tells you that you didn't load ngCookies module in your app — Umidbek
– Umidbek, Commented Jan 6, 2015 at 4:05

Jayanth · Accepted Answer · 2015-01-06 05:16:30Z

1

Finally this code is working fine..

angular.module('Routes',['ngRoute','reviewService','ngCookies']).config(['$routeProvider','$locationProvider',
function($routeProvider, $locationProvider) {
 var $cookies;
  angular.injector(['ngCookies']).invoke(function(_$cookies_) {
    $cookies = _$cookies_;
  });    
var user=$cookies['username']
console.log("user name:",user);

answered Jan 6, 2015 at 5:16

Jayanth

5053 gold badges9 silver badges19 bronze badges

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

Comments

Jason Li · Accepted Answer · 2015-01-06 04:05:44Z

0

angular.module('Routes', ['ngRoute','reviewService', 'ngCookies'])

$cookies is in ngCookies module, you need to import. Don't forget to add <script> tag in html.

answered Jan 6, 2015 at 4:05

Jason Li

1,5851 gold badge12 silver badges20 bronze badges

3 Comments

Jason Li Over a year ago

@Jayanth did you add <script src="angular-cookies.js"> in your html?

Jason Li Over a year ago

My bad. $cookies is a service instead of a provider and you can only use providers in module.config.

Jason Li Over a year ago

Sorry I don't know how to either. Maybe you can use the raw cookie instead of $cookies.

Collectives™ on Stack Overflow

Unable to read cookie in Angular.js

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related