我正在尝试在渲染页面之前解析客户列表。
这里是状态提供程序参考,我在其中有解析方法。
angular.module('app')
.config(($stateProvider) => {
$stateProvider
.state('customers', {
url: '/customers',
template: '<customers></customers>',
resolve: {
test: function () {
return 'nihao';
},
},
});
});
在组件调用#test时,紧跟着的应该是resolve。它所需要做的就是将单词“nihao”打印到控制台上。
(function myCustomersConfig() {
class MyCustomersComponent {
constructor(test) {
this.test = test;
console.log(this.test);
}
angular.module('app').component('myCustomers', {
templateUrl: 'app/customers/customers.html',
controller: MyCustomersComponent,
});
}());
然而,我一直收到这个错误:
angular.js:13708 Error: [$injector:unpr] Unknown provider: testProvider <- test
http://errors.angularjs.org/1.5.7/$injector/unpr?p0=testProvider%20%3C-%20test
at angular.js:68
at angular.js:4502
at Object.getService [as get] (angular.js:4655)
at angular.js:4507
at getService (angular.js:4655)
at injectionArgs (angular.js:4679)
at Object.invoke (angular.js:4701)
at $controllerInit (angular.js:10234)
at nodeLinkFn (angular.js:9147)
at angular.js:9553
我可以看到它正在运行解析函数,所以这方面没问题,但它不会注入方法!有任何想法吗?
bindings: { 'test': '@' }
,就像Angular文档中所示的那样。 - Win