Question

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

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

});

为什么我收到未知提供商的错误？我已经把依赖注入了我的控制器。

Answer 1

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

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

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

在这种情况下，了解提供商是唯一可以注入应用程序的config（）函数的服务类型非常重要。通常，Provider的功能在您的控制器中也很有用。例如，您可以将$ stateProvider路由配置到config（）中，但您可能希望读取控制器中当前状态的名称。

现在，这里变得棘手：$ stateProvider是一个提供程序，当你将它注入config（）时，Angular要求你调用它$ stateProvider。但是，它也可以用作服务，但是当您将服务注入控制器时，您无法指定服务类型。所以，$ stateProvider成为$ state。这与$ get方法的分配方式有关，您可以在此处阅读所有内容：https://github.com/angular/angular.js/wiki/Understanding-Dependency-Injection

因此，如果您尝试配置路由，请将它们包含在您的配置中：

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

如果您正在尝试阅读有关当前状态的信息，可以将其注入控制器：

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

未知提供者：$ stateProviderProvider＆lt; - $ stateProvider

1 个答案: