如何在 Angular 7 中扩展服务 [重复]

Question

我正在将我的应用从 Angular 3 迁移到 Angular 7，

离子 3 到离子 4

有两个服务BaseHttpService主要负责Http调用和AppService扩展BaseHttpService进行调用。

在迁移Docs中，提到在服务中使用{ providedIn: "root" }。

但是没有提到服务中的基类和父类。我尝试了很多方法但没有通过。

我有一个父服务，它有一些依赖项，例如

export abstract class BaseHttpService implements OnInit {

   private baseUrl: string = Constants.BASEURL;
   protected method: string;
   protected serviceUrl: string;
   protected headers: Headers;
   constructor(private http:) {
    this.headers = new Headers();
    this.headers.append('Content-Type', 'application/json')
    this.headers.append('Accept', 'application/json');
   }
}

我想扩展服务

@Injectable({ providedIn: "root" })
export class AppService extends BaseHttpService{
  constructor(private _http: Http, ) {
    super(_http);
}

但在浏览器上运行时抛出错误

Answer 1

基础 Http 服务：

export abstract class BaseHttpService implements OnInit {

   private baseUrl: string = Constants.BASEURL;
   protected method: string;
   protected serviceUrl: string;
   protected headers: Headers;
   constructor(private http: Http) {
    this.headers = new Headers();
    this.headers.append('Content-Type', 'application/json')
    this.headers.append('Accept', 'application/json');
   }
}

应用服务：

@Injectable({ providedIn: "root" })
export class AppService extends BaseHttpService{
  constructor(private _http: Http, private baseHttpService: BaseHttpService ) {
    super(_http, baseHttpService);
}