Angular state resolve provider error - fixed

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

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>
  {{tets}}
  </div>
</div>

JavaScript

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