angularjs - Angular and $cookies - $cookies.get is not a function

Question

I'm trying to use cookies within Angular - here's what I'm trying:

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular-cookies.min.js"></script>

var capApp = angular.module('capApp', ['ngRoute','ui.bootstrap','ngCookies']);

capApp.controller('cookieCtrl', ['$scope','$cookies', function($scope, $cookies) {
  var favoriteCookie = $cookies.get('user_id');
  alert(favoriteCookie);
}]);

I get this error in the console:

TypeError: $cookies.get is not a function

Any ideas where I'm going wrong?

UPDATE

Check which version of Angular you are using for everything - any Angular guys read this, make the version switch in the docs bright green and huge! You simply don't notice it.

Answer 1

In Angular 1.3.14 you can just use

var favoriteCookie = $cookies[user_id];

See the documentaiton here: Angular Cookies