Angular: [$injector:unpr] Unknown provider:
<p><strong>routes.js</strong></p>

<pre><code>angular
        .module('main')
        .config(config);

    config.$inject = ['$routeProvider', '$httpProvider'];

    function config($routeProvider){

        $routeProvider
            .when('/', {
                templateUrl:'main/views/landing.client.view.html',
                controller:'MainController',
                controllerAs:'mainCtrl',
                resolve: {
                    orgTypes: orgTypes
                }
            })
            .otherwise({
                redirectTo:'/'
            });

    }


    function orgTypes($http){

        return $http
            .get('emrsvs/orgTypes')
            .then(function successCallBack(response){
                return response;
            }, function errorCallBack(error){
                console.log(error);
            });

    }
</code></pre>

<p><strong>controller.js</strong></p>

<pre><code> angular
        .module('main')
        .controller('MainController', MainController);

    MainController.$inject = ['$rootScope', '$timeout', 'orgTypes'];

    function MainController($rootScope, $timeout, orgTypes){

        var mainCtrl = this;
        mainCtrl.orgTypes = orgTypes;

    }
</code></pre>

<p><strong>Error</strong></p>

<pre><code>[$injector:unpr] Unknown provider: orgTypesProvider &lt;- orgTypes &lt;- MainController
</code></pre>

<p>Here i am injecting a dependency 'orgTypes' from route to controller. It produced unknown provider error. Is there anything wrong with my sysntax? can someone find my mistake</p>