Angular 5 Class 通过注入扩展类答案

【问题标题】：Angular 5 Class extends class with injectionsAngular 5 Class 通过注入扩展类
【发布时间】：2018-03-16 10:03:24
【问题描述】：

我创建了这样一个类

@Injectable FooService {

    constructor(private _bar:BarService){

    }
}

并像这样扩展它

@Injectable ExtFooService extends FooService {

    constructor(private _bar:BarService){
        super(_bar);
    }
}

这样我得到以下错误：

错误:(12, 14) TS2415:Class 'ExtFooService' 错误地扩展了基类 'FooService'。类型具有私有属性“_bar”的单独声明。

为什么会这样？

我尝试从 ExtFooService 中删除注入，但我在 super() 行得到了这个：

错误:(21, 9) TS2554:Expected 2 arguments, but got 0.

我真的有必要这样做吗？

@Injectable ExtFooService extends FooService {

    constructor(private _extBar:BarService){
        super(_extBar);
    }
}

【问题讨论】：

【解决方案1】：

您应该从派生类中的参数_bar 中删除private。 private 是声明与构造函数参数同名的字段并使用参数值对其进行初始化的简写。由于基类已经声明了该字段，因此无需在派生类中重新声明：

@Injectable ExtFooService extends FooService {

    constructor(_bar:BarService){
        super(_bar);
    }
}

【讨论】：