angularJS routeProvider when resolve example

var benimApp = angular.module('benimApp', ['ngRoute','ngCookies']);

// configure our routes
benimApp.config(function($routeProvider) {
	$routeProvider
    .when('/resolveView', {
        templateUrl: 'resolveView.html',
        controller: 'resolveCtrl',
        controllerAs:'vm',
        resolve: {
            resolvedVal: function(authService) {
              var x ={};
              if (authService.checkToken())
                x.status = true;
              else 
               x.status = false;
              console.log('resolve fired success');
                return x;
            }
        }
      })
});

//factory auth service 
benimApp.factory('authService', function($http,$cookies) {
  factory = this;
  $cookies.put('tokenAuth','ee32s82');
	factory.checkToken = function() {
	  if ($cookies.get('tokenAuth')==="ee32s82")
	    return true;
	   else
	   return false;
	};
	return factory;
});

benimApp.controller('MainCtrl', function($scope) {
});
benimApp.controller('resolveCtrl', function($scope, resolvedVal) {
  console.log('controller fired after resolver success');
  console.log(resolvedVal);
  this.auth = resolvedVal;
});

<!DOCTYPE html>
<html ng-app="benimApp">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS resolver when example </title>
    <script src="https://code.angularjs.org/1.5.8/angular.js"></script>
    <script src="https://code.angularjs.org/1.5.8/angular-route.js"></script>
    <script src="ng-cookies.js"></script>
    <link href="style.css" rel="stylesheet" />
    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl">
    <a href="#resolveView">Resolve View</a>
    <div ng-view=""></div>
  </body>

</html>

/* Put your css in here */

a {
  color: blue;
  cursor: pointer;
  text-decoration: underline;
}

ul li  ul {
  display: none;
}

.open { 
   display: block; 
}

 --
 <p ng-if="vm.auth.status" style="color:green;font-size:20px">true Hello  - the world is bigger than five</p>
<p ng-if="!vm.auth.status" style="color:red;font-size:20px">false Hello  - the world is bigger than five</p>
 
 --

/*
 AngularJS v1.5.9-build.4992+sha.a272a3c
 (c) 2010-2016 Google, Inc. http://angularjs.org
 License: MIT
*/
(function(n,c){'use strict';function l(b,a,g){var d=g.baseHref(),k=b[0];return function(b,e,f){var g,h;f=f||{};h=f.expires;g=c.isDefined(f.path)?f.path:d;c.isUndefined(e)&&(h="Thu, 01 Jan 1970 00:00:00 GMT",e="");c.isString(h)&&(h=new Date(h));e=encodeURIComponent(b)+"="+encodeURIComponent(e);e=e+(g?";path="+g:"")+(f.domain?";domain="+f.domain:"");e+=h?";expires="+h.toUTCString():"";e+=f.secure?";secure":"";f=e.length+1;4096<f&&a.warn("Cookie '"+b+"' possibly not set or overflowed because it was too large ("+
f+" > 4096 bytes)!");k.cookie=e}}c.module("ngCookies",["ng"]).provider("$cookies",[function(){var b=this.defaults={};this.$get=["$$cookieReader","$$cookieWriter",function(a,g){return{get:function(d){return a()[d]},getObject:function(d){return(d=this.get(d))?c.fromJson(d):d},getAll:function(){return a()},put:function(d,a,m){g(d,a,m?c.extend({},b,m):b)},putObject:function(d,b,a){this.put(d,c.toJson(b),a)},remove:function(a,k){g(a,void 0,k?c.extend({},b,k):b)}}}]}]);c.module("ngCookies").factory("$cookieStore",
["$cookies",function(b){return{get:function(a){return b.getObject(a)},put:function(a,c){b.putObject(a,c)},remove:function(a){b.remove(a)}}}]);l.$inject=["$document","$log","$browser"];c.module("ngCookies").provider("$$cookieWriter",function(){this.$get=l})})(window,window.angular);
//# sourceMappingURL=angular-cookies.min.js.map