Angular state resolve provider error

http://stackoverflow.com/a/35885371/4068027 Demo

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.js"></script>
<div ng-app="app">
  <div ui-view>
  
  </div>
</div>

JavaScript

angular.module('app', ['ui.router'])
	.config(function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise("/foo");
    
    $stateProvider
      
      .state('barState', {
        url: "/bar",
        template: "<a ui-sref='fooState'>FooState</a>",
        controller: 'BarsCtrl',
        resolve: 
        {
        	bar: function()
          {
          	return 'barValue';
          }
        }
      });
  })
  
	.controller('BarsCtrl', ['$scope', 'bar', function($scope, bar) {
  }])