[英]Dependency injection into abstract class typescript(Angular2)
我有抽象类(没有构造函数),我想在其中注入另一个类。
抽象类:
import { ErrorHandler } from '../../shared/services/errorHandler.service';
import { Inject } from '@angular/core';
export abstract class BaseApiComponent<T> {
@Inject(ErrorHandler) errorHandler: ErrorHandler;
this.errorHandler.test();
}
注入课程:
import { Injectable } from '@angular/core';
@Injectable()
export class ErrorHandler {
constructor() { }
public test() {
console.log('Test');
}
}
我有下一个错误
ORIGINAL EXCEPTION: TypeError: Cannot read property 'test' of undefined
我怎么解决这个问题?
从Angular 2 RC5开始,DI变得更简单。 你不需要用@Injectable()
来装饰东西。 相反,你只需在一个地方声明DI - NgModule。
export class ErrorHandler {
test() {
console.log('ErrorHandler.test()');
}
}
export abstract class BaseApiComponent<T> {
// use protected property parameter in abstract class
// for accessibility from descendants.
constructor(protected errorHandler: ErrorHandler) {}
someMethod() {
this.errorHandler.test();
}
}
export class ApiComponentImpl<T> extends BaseApiComponent<T> {
// use @Inject decorator
constructor(@Inject(ErrorHandler) errorHandler: ErrorHandler) {
super(errorHandler);
}
}
app.module.ts :
// class declarations
@NgModule({
providers: [
ErrorHandler,
ApiComponentImpl
]
})
export class AppModule{
}
// bootstrap the app
platformBrowserDynamic().bootstrapModule(AppModule);
您可以使用OpaqueToken来改进模块化并删除类型依赖性:
export const errorHandlerToken = new OpaqueToken('ErrorHandler');
在模块中:
providers: [
// using OpaqueTokens you can change the provided value
// to anything without changing consumer code
{provide: errorHandlerToken, useClass: ErrorHandler},
构造函数:
constructor(@Inject(errorHandlerToken) errorHandler: ErrorHandler) {
Angular DI仅支持构造函数注入,这意味着您需要构造函数。
您也不能直接注入抽象类,因为抽象类不应该是可实例化的。
因此它必须像:
export abstract class BaseApiComponent<T> {
constructor(errorHandler: ErrorHandler) {}
someMethod() {
this.errorHandler.test();
}
}
export class ApiComponentImpl<T> {
constructor(errorHandler: ErrorHandler) {
super(errorHandler);
}
}
我不是一个有角度的开发人员,但是看看这些例子,@ @Inject
装饰器总是被用作参数装饰器而不是属性装饰器 。
由于两个装饰器类型不同,这可能会导致问题,但我不确定。
尝试:
export abstract class BaseApiComponent<T> {
private errorHandler: ErrorHandler;
protected constructor(@Inject(ErrorHandler) handler) {
this.errorHandler = handler;
}
public error() {
this.errorHandler.test();
}
}
另外我不确定你什么时候实际使用this.errorHandler.test();
因为它不能只是坐在课堂上,我把它移到了error
方法中。
对。 您需要注入扩展类,然后将实例传递给父级:
export abstract class BaseApiComponent<T> {
protected errorHandler: ErrorHandler;
protected constructor(handler: ErrorHandler) {
this.errorHandler = handler;
}
}
export class Restaurants extends BaseApiComponent<any> {
constructor(@Inject(ErrorHandler) handler) {
super(handler);
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.