JSFiddle - React, Tailwind, and code Playground

by salitrapraveen

HTML

<body>
    <div ng-app="testApp">
        <a href="#/">Home</a>
        <a href="#/About">About</a>
        <div ng-view></div>
    </div>
</body>

JavaScript

var app = angular.module('testApp', [], function($routeProvider){
    $routeProvider.when('/', {
        template: 'Home {{model}}',
        controller: 'HomeCtrl',
        resolve: {  HomeCtrlData: homeCtrl.resolveMethod }            
    })
    .when('/About', {
        template: 'About {{model}}',
        controller: 'AboutCtrl',
        resolve: { AboutCtrlData: aboutCtrl.resolveMethod}
    });
});

var homeCtrl = app.controller('HomeCtrl', function($scope, HomeCtrlData){
    $scope.model = HomeCtrlData;
    console.log(homeCtrl);
});

homeCtrl.resolveMethod = function($q, $timeout){
        var deferred = $q.defer();
        $timeout(function(){
            return deferred.resolve('HomeCtrlResolver');
        },100);
        return deferred.promise;
    };


var aboutCtrl = app.controller('AboutCtrl', function($scope, AboutCtrlData){
    $scope.model = AboutCtrlData;
});

aboutCtrl.resolveMethod = function($q, $timeout){
        var deferred = $q.defer();
        $timeout(function(){
            return deferred.resolve('AboutCtrlResolver');
        }, 100);
        return deferred.promise;
    };