AngularJS неизвестный поставщик: $ routeProviderProvider

Question

Я борюсь с этой неизвестной ошибкой поставщика и просто задаюсь вопросом, что я делаю неправильно. У этой структуры:

в main.js

'use strict'; 

angular.module('myApp') 
    .controller('MainCtrl', ['navService', function (navService) { 
    this.awesomeThings = [ 
    'HTML5 Boilerplate', 
    'AngularJS', 
    'Karma' 
]; 

    this.active = false; 

    navService.getPosition(); 

}]); 

в индексе HTML У меня нг-контроллер = "MainCtrl" И, наконец, в navService:

angular.module('myApp') 
.factory('navService', ['$routeProvider', '$location', function ($routeProvider, $location) { 
    function getPosition() { 
     /*code here */ 
    } 

    return { 
     getPosition: getPosition 
    }; 
}]); 

В главных app.js

angular 
    .module('cavyrApp', [ 
'ngAnimate', 
'ngCookies', 
'ngMessages', 
'ngResource', 
'ngRoute', 
'ngSanitize', 
'ngTouch' 
    ]).config........... 

Answer 1

$routeProvider является поставщиком - вы не можете вводить его в заводскую/сервисную службу. Вы можете вводить его в config метод только - чтобы настроить услугу он обеспечит:

module.config(function($routeProvider) { 
    // configure the routes here 
}); 

Answer 2

Вы должны injectfactroy like thi s:

angular.module('myApp',['ngRoute']); //route inject 

и контроллер:

angular.module('myApp').controller('MainCtrl', function(navService) { 
}); 

Answer 3

Прежде всего, вы должны включать это ...

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-route.js" type="javascript"> </script> 

, а затем

angular.module('myApp',['ngRoute']) 

впрыскивать ngRoute в вашем приложении.