注入带有角4的接口
我正在尝试创建一个通用的DeleteableConfirmationComponent，它将允许我显示一个确认对话框，并从实现Deleteable接口的任何注入服务中调用delete方法。
为此，我创建了以下接口：
export interface Deleteable {
delete(object);
}我有一个实现它的服务：
@Injectable()
export class LocalityService implements Deleteable {
delete(locality): Observable<Locality> {
// Delete logic.
}
}对于DeleteableConfirmationComponent，我尝试使用构造函数注入服务：
export class DeleteableConfirmationComponent {
constructor(
public dialog: MdDialogRef<DeleteableConfirmationComponent>,
@Inject(MD_DIALOG_DATA) public data: any,
private service: Deleteable
) {}
delete() {
this.service.delete(this.object)
.subscribe(() => {
this.dialog.close();
});
}
}但不幸的是，我有一个错误，说DeleteableConfirmationComponent.不能解决的所有参数
现在，我正在使用对话框数据选项，以传递我的服务：
confirmDelete(locality) {
this.dialog.open(DeleteableConfirmationComponent, {
data: {
service: this.localityService
}
});
}但是它感觉很脏，允许注入任何类型的服务，而我希望强制实现Deleteable接口的服务。
我在想，我可能更喜欢使用abstract class，但我更喜欢写作而不是继承。
有什么想法或最佳实践建议吗？
回答 2
Stack Overflow用户
发布于 2017-07-15 20:33:57
正如注释中提到的，您可以将接口转换为抽象类：
export abstract class Deleteable {
abstract delete(object);
}然后，在提供程序中，您可以将其映射到真正的类：
providers: [{ provide: Deleteable, useValue: new LocalityService() }]您可能不喜欢这种方法，因为现在看来LocalityService必须扩展Deleteable。但是如果LocalityService需要扩展其他类呢？不允许多重继承：
// Error: Classes can only extend a single class
export class LocalityService extends OtherClass, Deleteable { }或者您可能根本不喜欢Deleteable现在将出现在LocalityService的原型链中这个事实
export class LocalityService extends Deleteable {
delete(locality): void {
// Returns true
alert(this instanceof Deleteable);
}
}但是，如this answer所示，TypeScript允许您将类视为接口。因此，您可以在抽象类中使用implements。
export class LocalityService extends OtherClass implements Deleteable {
delete(locality): void {
// Returns false
alert(this instanceof Deleteable);
}
}因此，对于所有的意图和目的，您的抽象类现在的行为就像一个接口。它甚至不会出现在原型链中。
Stack Overflow用户
发布于 2018-08-22 09:23:06
可以使用InjectionToken替换不推荐的OpaqueToken
export const AuthenticationProvider = new InjectionToken(
"AuthenticationProvider",
{ providedIn: "root", factory: () => new CognitoAuthenticationProvider() }
);
...
@Injectable()
export class CognitoAuthenticationProvider implements IAuthenticationProvider {
...
@Injectable({
providedIn: "root"
})
export class AuthenticationService {
constructor(
@Inject(AuthenticationProvider)
private authenticationProvider: IAuthenticationProvider,
private http: HttpClient
) {}https://stackoverflow.com/questions/45117934
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号