AngularJS unbekannter Anbieter: $ routeProviderProvider

Question

Ich kämpfe mit diesem unbekannten Provider Fehler und frage mich nur, was ich falsch mache. Lassen Sie sich diese Struktur:

in main.js

'use strict'; 

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

    this.active = false; 

    navService.getPosition(); 

}]); 

In index html Ich habe ng-Controller = "MainCtrl" Und schließlich in navService:

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

    return { 
     getPosition: getPosition 
    }; 
}]); 

In Haupt app.js

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

Answer 1

$routeProvider ist ein Anbieter - Sie können es nicht in Fabrik/Service injizieren. Sie können es auf die einzige config Methode injizieren - um den Dienst zu konfigurieren, es bieten wird:

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

Answer 2

Sie sollten Ihre factroy wie thi inject s:

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

und die Steuerung:

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

Answer 3

Zunächst einmal sollten Sie umfassen diese ...

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

und dann

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

Injizieren Sie die ngRoute in deiner App