Nieznany dostawca http w Angular

Question

Potrzebuję użyć usługi $http w metodzie konfiguracyjnej. Ale nie mogę użyć $http w konfiguracji, otrzymuję komunikat o błędzie unknown Provider.

Mój kod:

.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} 
}) 

Czy należy dostarczyć rozwiązanie tego problemu?

Answer 1

Jeśli wystarczy, aby żądania AJAX rzeczywiście można pobrać serwera $ http z nowego wtryskiwacza:

.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

Nie możemy użyć http w config. Aby uzyskać więcej informacji prosimy sprawdzić ten link:

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

Answer 3

można wstrzykiwać tylko dostawców w pliku .config. ale $ http nie jest dostawcą, twoja aplikacja kątowa szuka dostawcy o nazwie $ http, ale nie jest w stanie go znaleźć, więc wystąpił błąd.

Jak rozwiązać ten problem?

Jeśli chcesz otrzymać ajax wywołanie przed załadunkiem kątowej kontrolera można to zrobić w .run

Answer 4

To nie jest dobra praktyka, aby korzystać $http w .config. Można go użyć w usłudze .run lub skorzystać z usługi, korzystając z usługi .service lub .factory.

Answer 5

Czy masz kontrolę nad sampleslist.js? Jeśli tak, może po prostu pobierz go za pomocą tagu i przypisz wartości do zmiennych.

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

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

Następnie można wstrzykiwać tej wartości kątowej za pomocą angular.constant lub po prostu użyć zmiennej samplelist