带有约束的类型脚本泛型不能分配给泛型接口

Question

我在TypeScript 2.4中遇到一个错误。2在泛型类上，该泛型类的约束与不太严格的接口不兼容。我得到以下错误：

TS/组件/Schedule.ts（37,13）：错误TS2322：键入{人周末视图： PlanItemschduleView； project...属性“人员周末视图”与索引签名不兼容。类型PlanItemschduleView不能分配给类型IPlanItemschduleView。属性'onAddedItem'的类型不兼容。类型（项目：T，首字母：布尔值）=

ts/views/PlanItemScheduleView。ts（2,18）：错误TS2420:类“PlanItemScheduleView”未正确实现接口“IPlanItemScheduleView”。属性“onAddedItem”的类型不兼容。类型“（项目：T，首字母：布尔）=

ts/view/PlanItemschduleView.ts（99,79）：错误TS2345：类型this的参数不能分配给类型IControlllerListener的参数。类型PlanItemschduleView不能分配给类型IControlllerListener。属性'onAddedItem'的类型不兼容。类型（项目：T，首字母：布尔值）=

接口

namespace Planning {
    export interface IPlanItemScheduleView extends IView, IControllerListener<IPlanItem> {
        setTimespan(timespan: Timespan): void;
        getName(): string;
    }
}
namespace Planning {
    export interface IControllerListener<T> {
    /**
     * Notifies the listener that an item is added to the cache so it can add it to its view.
     * 
     * @template T
     * @param {T} item
     * @param {boolean} initial
     * 
     * @memberOf IControllerListener
     */
    onAddedItem<T>(item: T, initial: boolean): void;
    }
}

namespace Planning {
    export class PlanItemScheduleView<T extends PlanItem> implements IPlanItemScheduleView {

        public onAddedItem<T extends PlanItem>(item: T, initial: boolean): void {
            // implementation that needs properties on PlanItem
        }
    }
}

PlanItem是一个抽象基类，由一些实际实现继承。我有几种不同的氛围，我是这样构建的：

  // Create the different views
  this._views = {
            personWeekView: new PlanItemScheduleView<Person>(this._options, this._logger, this),
            projectWeekView: new PlanItemScheduleView<Project>(this._options, this._logger, this),
            resourceWeekView: new PlanItemScheduleView<Resource>(this._options, this._logger, this),
        };

我以为我以前在tsc的另一个版本中进行过编译，但我可能弄错了。我怎样才能解决这个问题？

Answer 1

您不需要onAddedItem上的泛型参数，如果您希望onAddedItem采用与类相同的参数类型，您可以使用class参数。您可以使IPlanItemschduleView泛型，以便将PlanItemschduleView类型参数向下传递到IControlllerListener

export interface IControllerListener<T> {
  onAddedItem(item: T, initial: boolean): void;
}
export interface IPlanItemScheduleView<T extends IPlanItem>  extends IControllerListener <T> {

}
export class PlanItemScheduleView<T extends PlanItem> implements IPlanItemScheduleView<T> {
  public onAddedItem(item: T, initial: boolean): void {
      // implementation that needs properties on PlanItem
  }
}

注：编辑以考虑反馈。