javascript - 未知提供者: $stateProviderProvider <- $stateProvider

.controller('myCtrl', function($scope,$localstorage,$stateProvider, $urlRouterProvider) {

  $scope.getNews= function(){
  $stateProvider.stat('app.news')
}

});

为什么我收到未知提供者的错误？我已经将依赖项注入(inject)到 Controller 中。

最佳答案

您遇到的问题是，您试图将$ stateProvider添加到 Controller ，而不是添加到app.config()函数。如果查看UI-Router文档，将会看到应该在app.config中对其进行配置，该app.config将在启动 Controller 之前加载。

您可以从 Controller 中的$ state提供程序读取数据，但仅当将其用作服务时才可以读取。这可能是一个令人困惑的区别。我尝试在下面解释。

在Angular中，您可以创建三种类型的服务:提供程序，工厂和服务。有几个差异，对于此答案来说并不是特别重要，但是您可以在此处了解这些差异:AngularJS: Service vs provider vs factory

在这种情况下，重要的是要知道Provider是可以注入(inject)到应用程序的config()函数中的唯一服务类型。通常，提供程序的功能在您的 Controller 中也很有用。例如，您可以配置$ stateProvider路由到您的config()中，但是您可能想在 Controller 中读取当前状态的名称。

现在，这里变得棘手:$ stateProvider是一个提供程序，当将Angular注入(inject)config()时，Angular要求您将其称为$ stateProvider。但是，它也可以用作服务，但是当您将服务注入(inject) Controller 时，您无法指定服务类型。因此，$ stateProvider变为$ state。这与$ get方法的分配方式有关，您可以在此处阅读全部内容:https://github.com/angular/angular.js/wiki/Understanding-Dependency-Injection

因此，如果您要配置路由，请将它们包括在配置中:

myApp.config(function($stateProvider, $urlRouterProvider) { ... })

如果您试图读取有关当前状态的信息，则可以将其注入(inject)到 Controller 中:

myApp.controller('myCtrl', function($state) { ... })

关于javascript - 未知提供者: $stateProviderProvider <- $stateProvider，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31119896/