UI-router Unbekannt-Anbieter für die Injektion service in kindlichen Zustand beheben

Bekam Unbekannte Anbieter bei der Injektion service in den kindlichen Zustand zu lösen-Funktion. Aber wenn bestimmte auflösen, die in der übergeordneten Zustand, es funktioniert einfach. Unten sind einige Beispiel-codes:

Definierte ich ein service-Modul

angular.module('services', [])
  .factory('myService', function() {
    //my service here
  })

und initialisieren Sie die app

var app = angular.module('app', ['services', 'ui.router']);
app.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, 

    $urlRouterProvider) {
      $stateProvider.state('wizard', {
        url: '/wizard',
        abstract: true
      })
      .state('wizard.step1', {
        url: '/step1',
        templateUrl: ... ,
        resolve: {
          name: function(myService) {
            //do something with mySerice
          }
        },
        controller: function(name) {
          //controller codes here
        }
      })
    }]);

Ich habe den Fehler Unbekannt-Anbieter beschweren sich über myService des Assistenten.Schritt 1 lösen. Aber wenn ich hinzufügen, ein zufälliges lösen in den Eltern-Zustand, wie

$stateProvider.state('wizard', {
            url: '/wizard',
            abstract: true,
            resolve: {
              a: function() { return 1; }
            }
          })

dann funktioniert es ohne Fehler. Frage mich, was passiert hier?

Ich kann nicht sehen, was falsch ist. Wenn Sie erstellen ein Turnschuh, das zeigt das problem, ich werde es einmal versuchen.
Stimme mit @StephenFriedrich, das sieht gut aus. Ich habe es in einem plunk: plnkr.co/Bearbeiten/McZ97tJIuSIQnwRkDb8c?p=Album Vorhören
Könnte es sein, dass Sie Links ein ng-controller in der partiellen HTML-Datei? Wenn dem so ist, angular versuchen zu instanzieren der controller beim laden der Ansicht, an dem Punkt 'name' nicht existieren, so erhalten Sie die Fehlermeldung. Siehe meine Antwort zu diesem hier: stackoverflow.com/questions/27023887/...

InformationsquelleAutor Yujun Wu | 2014-10-01

  1. 2

    In Ihrem controller, den Sie haben, Spritzen Sie Ihren Dienst MyService, so definieren Sie so etwas wie dieses

      .state('wizard.step1', {
    url: '/step1',
    templateUrl: ... ,
    resolve: {
      name: ['myService', function(myService) {
        //do something with mySerice
      }]
    },
    controller: ['name', function(name) {
      //controller codes here
    }]
  })
    Scheinen auch nicht funktionieren. Was ist die Logik hier?
    Sorry ich habe nicht verstanden, dass das problem war in der Auflösung, damit ich den code ändern. Sie haben zu injizieren, Ihren Dienst in der Funktion gelöst und in Ihrem controller, den Sie haben zu injizieren, die zu beheben Attribute (z.B.: "name")
    Funktioniert Super bei AngularJS 1.7.6

    InformationsquelleAutor Mathieu Bertin

  2. 1

    Haben Sie injizieren Ihren Dienst in Ihrem config-Funktion :

    var app = angular.module('app', ['services', 'ui.router']);
app.config(['$stateProvider', '$urlRouterProvider', 'myService',
          function($stateProvider, $urlRouterProvider, myService) {
...

    Eine weitere Möglichkeit ist das einbetten der Behebung von code in einer service-und ordnen Sie direkt den Dienst :

    app.config(['$stateProvider', '$urlRouterProvider' ,'mySuperService',function($stateProvider, 

    $urlRouterProvider, mySuperService) {
    ...
    resolve: {
     name: mySuperService()
    }


.constant('mySuperService', function() {

   var serv= function(){
      //your code
   }
   return serv;
}
    Service kann nicht injiziert werden in die config, nur Anbieter. stackoverflow.com/questions/15937267/...
    Sicher. Deshalb habe ich eine "Konstante", daß eine Funktion definiert, in meinem Beispiel. Dies ist tatsächlich, wie ich Tue, in der aktuellen app. Aber du hast Recht, das ist nicht möglich, mit einer "Fabrik" oder ein "service".

    InformationsquelleAutor benek

  3. -1

    Ich bekam dieselbe Fehlermeldung.Versuchen, diesen code. Es funktioniert gut...

      <script type="text/javascript">
            var myApp = angular.module('myApp', ['ui.router']);
            myApp.config(['$stateProvider','$urlRouterProvider',
                function ($stateProvider, $urlRouterProvider) { 
                    $stateProvider.
                    state('Page1', {
                        url: '/Page1',
                        templateUrl: 'Page1.html'
                    }).
                     state('Page2', {
                         url: '/Page2',
                         templateUrl: 'Page2.html'
                     })
                }]);
        </script>

    InformationsquelleAutor Amar

Schreibe einen Kommentar