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

标签 javascript angularjs ionic-framework

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

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

});

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

最佳答案

您的问题是您试图将 $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) { ... })

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

相关文章:

javascript - 如何一次选择两个链接? (即标题和图片)

javascript - 如何获取所选项目的值?

javascript - 如何向作为 Prop 传入的 React 元素添加额外的 Prop ?

css - 自定义 ionic 复选框默认背景色

javascript - Ionic 选项卡菜单项隐藏

javascript - Zend Framework 2 和 ExtJS

javascript - ajax返回时的 Angular 加载路由

angularjs - 如何使用 angularjs 在 ngMap 中使用硬编码值绘制多边形

java - Angularjs 中的模块是什么?

javascript - 只推送一个项目而不是推送多个对象