错误：无法解析myComponent的

Question

所有参数我得到这个问题

Error: Can't resolve all parameters for myComponent 

，我发现原因是由于特定服务的循环依赖。

我有common.service.ts为延伸从BaseService如下，

@Injectable() 
export class CommonService extends BaseService { 
    constructor(
     private _http: Http, 
     private _appConfig: AppConfigService 

    ) { 
     super(_http, _appConfig);  
} 

和BaseService.ts

@Injectable() 
export class BaseService { 
    constructor(private http: Http, @Inject(AppConfigService) private appConfig: AppConfigService) { 
    } 
    get(url: string): any { 
     return this.http.get(`${this.appConfig.getAPIUrl()}${url}`) 
      .map(this.extractData) 
      .catch(this.handleErrors); 
    } 
} 

代码明确误差是由于正在注入的事实http和appconfig服务两次在commonservice中，另一个在基本服务中。

在这种情况下，我该如何避免循环依赖？

Answer 1

尽量不注射任何东西到你的基类的构造函数，而是只注入你的依赖关系派生类，然后将它们传递给super()像代码：

export class BaseService { 
     constructor(http: Http, appConfig: AppConfigService) { 
     } 
     get(url: string): any { 
      return this.http.get(`${this.appConfig.getAPIUrl()}${url}`) 
       .map(this.extractData) 
       .catch(this.handleErrors); 
     } 
} 

@Injectable() 
export class CommonService extends BaseService { 
    constructor(
     private _http: Http, 
     private _appConfig: AppConfigService 

    ) { 
    super(_http, _appConfig);  
}