繁体   English   中英

如何将公共依赖项注入其他Angular2 @Injectable类?

[英]How can I inject common dependencies into other Angular2 @Injectable classes?

我已经在TypeScript中创建了一个组件库,我想共享许多服务。

export abstract class ComponentBase<T> {
  constructor(protected http:Http, protected router: Router, protected route: ActivatedRoute, protected params: Params) {
  }
}

问题是我有多个嵌套类型,因此每当我必须在层次结构中派生任何级别时。 每个派生类型看起来像这样,都是沿着基类的注入参数传递的。

import { Http } from '@angular/http';
import { Router, ActivatedRoute, Params } from '@angular/router';
export  class SomeDerivedType extends ComponentBase<SomeType> {
  constructor(protected http: Http, protected router: Router, protected route: ActivatedRoute, protected params: Params) {
    super(http, router, route, params);
  }
}

我必须链接我的构造函数,以满足基类的构造函数参数。 这是非常烦人的开销。 因此,我创建了一个Services类来保存所有封装的依赖项。

import { Injectable } from '@angular/core';
import { Router, ActivatedRoute, Params } from '@angular/router';
import { Http } from "@angular/http";

@Injectable()
export class Services {
  constructor(public http:Http, public router: Router,  public route: ActivatedRoute, public params: Params) {
  }
}

我认为我应该能够将这个服务类注入到组件中,如下所示。

import { Services } from './services'
export class SomeDerivedType extends ComponentBase<any> {
  constructor(protected services: Services) {
    super(services);
  }
}

现在,组件库如下所示:

import { Services } from './services';
import { Http } from '@angular/http';
import { Router, ActivatedRoute, Params } from '@angular/router';

export abstract class ComponentBase<T> {
  http: Http;
  router: Router;
  route: ActivatedRoute;
  params: Params;
  constructor(protected services: Services ) {
    this.http = services.http;
    this.route = services.route;
    this.router = services.router;
    this.params = services.params;
  }
}

不幸的是,这不适用于我,而是出现以下错误:

(索引):63错误:错误:无法解析服务的所有参数:([对象对象],[对象对象],[对象对象] 、?)。

因此, 我的问题自然 :“是否可以将依赖服务(即http,router,route和params服务)注入到我的服务类中?”

好吧,事实证明我只是错过了一些我不清楚的关于角度的东西。 我只使用了一段时间。 问题实际上很简单。 参数不是服务。

(索引):63错误:错误:无法解析服务的所有参数:([对象对象],[对象对象],[对象对象] 、?)。

该消息使我失望,因为它说不能解决所有问题。 我误解了它,因为它确实告诉我其中一个参数尚未解析。 就我而言,受保护的参数:参数。

现在,此代码可以很好地工作,就像我希望通过删除params项一样。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM