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

Question

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

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

});

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

Answer 1

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

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

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

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

现在，这就是它变得棘手的地方:$stateProvider 是一个提供者，Angular 要求您在将它注入(inject) config() 时调用它 $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) { ... })