Unbekannte $ http Provider in Angular

Question

Ich brauche $http Service in Config-Methode. Aber ich kann nicht $http in Config verwenden, ich bekomme unknown Provider Fehlermeldung.

Mein Code:

.config(function($http, $routeProvider, $provide) { 
    $http.get("sampleslist.js").success(function(data) { 
     var loop = 0, currentRoute; 

     for (loop = 0; loop < data[loop].pages.length; loop++) { 
      currentRoute = data[loop].pages; 

      var routeName = "/" + currentRoute[loop].name; 
      $routeProvider.when(routeName, { 
       templateUrl:"/" + currentRoute.name + ".html", 
      }) 
     } 
    }) 

    app = {controller: $controllerProvider.register} 
}) 

Können Sie bitte diese die Lösung zur Verfügung stellen?

Answer 1

Wenn brauchen nur AJAX-Request, damit Sie tatsächlich $ HTTP-Server aus dem neuen Injektor abrufen können:

.config(function($routeProvider, $provide) { 
    var $http = angular.injector(['ng']).get('$http'); 
    $http.get("sampleslist.js").success(

     function(data) { 

      var loop = 0, 
       currentRoute; 

      for (loop = 0; loop < data[loop].pages.length; loop++) { 

       currentRoute = data[loop].pages; 

       var routeName = "/" + currentRoute[loop].name; 

       $routeProvider.when(routeName, { 

        templateUrl: "/" + currentRoute.name + ".html", 

       }) 
      } 
     }) 

    app = { 
     controller: $controllerProvider.register, 
    } 
}) 

Answer 2

Wir nicht http in Config verwenden können. Für weitere Informationen wenden Sie sich bitte diesem Link:

use $http inside custom provider in app config, angular.js

Answer 3

können Sie nur Anbieter in .config injizieren. aber $ http ist nicht Provider, Ihre eckige App sucht nach Provider namens $ http, aber es ist nicht in der Lage, es zu finden, so dass es Fehler warf.

Wie löst man das ??

Wenn Sie jeden Ajax-Aufruf, bevor Sie Ihren Winkelregler Laden Sie es in .run

Answer 4

tun können, es ist keine gute Praxis $http im .config zu verwenden. Man kann es entweder in .run verwenden oder den Dienst unter Verwendung von .service oder .factory nutzen.

Answer 5

Haben Sie die Kontrolle über sampleslist.js? Wenn ja, laden Sie es einfach mit dem Tag herunter und weisen Sie Variablen Werte zu.

//sampleslist.js 
var samplelist = {...} 

//index.html 
<script src="samplelist.js"></script> 

Dann könnte man diese Werte zu Winkel injizieren angular.constant mit oder variable samplelist