[英]Error while injecting service dependency to controller
I have created one service and I want to inject dependency to controller, but it showing some error like 我已经创建了一项服务,并且想向控制器注入依赖项,但是它显示了一些错误,例如
angular.js:12477 Error: [$injector:unpr] Unknown provider: ResultProvider <- Result <- ToolbarController http://errors.angularjs.org/1.4.7/$injector/unpr?p0=ResultProvider%20%3C-%20Result%20%3C-%20ToolbarController at http://localhost:3000/bower_components/angular/angular.js:68:12 at http://localhost:3000/bower_components/angular/angular.js:4289:19 at Object.getService [as get] (http://localhost:3000/bower_components/angular/angular.js:4437:39) at http://localhost:3000/bower_components/angular/angular.js:4294:45 at getService (http://localhost:3000/bower_components/angular/angular.js:4437:39) at invoke (http://localhost:3000/bower_components/angular/angular.js:4469:13) at Object.instantiate (http://localhost:3000/bower_components/angular/angular.js:4486:27) at http://localhost:3000/bower_components/angular/angular.js:9151:28 at http://localhost:3000/bower_components/angular-ui-router/release/angular-ui-router.js:4018:28 at invokeLinkFn (http://localhost:3000/bower_components/angular/angular.js:8789:9) <md-toolbar id="toolbar" class="md-menu-toolbar md-whiteframe-1dp md-background-bg ng-scope" ui-view="toolbar">
api.sharedResult = $resource(api.dataUrl + 'sharedResult/sharedResult.json', null, {
get: {method: 'get'}
});
In module I have written like 在模块中我写得像
(function ()
{
'use strict';
angular
.module('app.toolbar', [])
.config(config);
/** @ngInject */
function config($stateProvider, $translatePartialLoaderProvider)
{
$translatePartialLoaderProvider.addPart('app/toolbar');
$stateProvider.state('app.toolbar', {
url : '/sharedwishlistdetails',
views : {
'content@app': {
templateUrl: 'app/toolbar/sharedwishlistdetails.html',
controller : 'ToolbarController as vm'
}
},
resolve: {
Result: function (apiResolver)
{
return apiResolver.resolve('sharedResult@get');
}
}
});
}
})();
In controller I have injected like below 在控制器中,我已如下注入
(function ()
{
'use strict';
angular
.module('app.toolbar')
.controller('ToolbarController', ToolbarController);
function ToolbarController(Result, $rootScope, $mdSidenav, msNavFoldService, $translate, $mdToast, $location, $localStorage, $http, $scope)
{
var vm = this;
vm.sharedResult = Sharedresult.sharedResult;
}
})();
<div id="sharedwishlistdetails" class="page-layout simple tabbed">
<!-- HEADER -->
<div class="header md-accent-bg" layout="row" layout-align="start center">
<div class="title">
<span class="md-display-1 font-weight-300">Shared Wishlist Details</span>
</div>
</div>
<!-- / HEADER -->
<md-content>
<div class="head">
<h2>Shared Wishlist Details</h2>
</div>
<hr/ style="width:1000px">
</md-content>
<md-content layout-padding>
<div ng-repeat="data in vm.rslt">
<h2>{{data.wName}}</h2>
</div>
</md-content>
</div>
This line from the error message: 错误消息中的这一行:
at invokeLinkFn ( http://localhost:3000/bower_components/angular/angular.js:8789:9 )
在invokeLinkFn( http:// localhost:3000 / bower_components / angular / angular.js:8789:9 )
<md-toolbar id="toolbar" ... ui-view="toolbar">
indicates the ui-view
has been set with a specified state. 表示用户
ui-view
已设置为指定状态。
You'll need to change it to: 您需要将其更改为:
<md-toolbar ... ui-view>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.