javascript - 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 中我有 ng-controller="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 是一个提供者 - 您不能将其注入(inject)工厂/服务中。您只能将其注入(inject)到 config 方法中 - 以配置它将提供的服务:

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