testing routeprovider resolve

Just really simple of AngularJS as a jsFiddle

by Matthew Vasallo

HTML

<script src="http://code.angularjs.org/1.2.10/angular-animate.js"></script>
<script src="http://code.angularjs.org/1.2.6/angular-route.min.js"></script>
<a href="#/main">Main</a>
<a href="#/test">Test</a>
<hr>
<ng-view></ng-view>
       <script type=text/ng-template id=main.html>
            <!-- Home -->
            <div ng-controller="someController">check this out {{matt}}</div>
        </script>
       <script type=text/ng-template id=test.html>
            <!-- Home -->
            <div>testing if {{matt}}</div>
        </script>

JavaScript

function mattTest() {
    var test = {};
}

var myApp = angular.module('myAppModule', ['ngRoute']);
myApp.controller('someController', function ($scope) {
    // do some stuff here
    $scope.userName = "skube";
    $scope.matt = 'yep';
});

myApp.controller('mattController', function ($scope, test) {
    console.log(test);
    // do some stuff here
    $scope.userName = "skube";
    $scope.matt = 'yep';
});

myApp.config(['$routeProvider', function ($routeProvider) {
    $routeProvider.
    when('/main', {
        templateUrl: 'main.html'
    }).
    when('/test', {
        templateUrl: 'test.html',
        controller: "mattController",
        resolve: {
            "test": function ($q, $timeout) {
                return "hello";
            }
        }
    }).
    otherwise({
        redirectTo: '/test'
    });
}]);
angular.element(document).ready(function () {
    angular.bootstrap(document, ['myAppModule']);
});