继承的 angular 2 组件中的输入属性

Question

我试图通过继承一些具有一些 Input 属性的基类来实现 angular 2 中的组件（我使用这个示例作为实现 angular 2 组件继承的指南）。

简化示例

export class ComponentBase {
  @Input() text: string = "base";
}

@Component({
  selector: "derived-comp",
  templateUrl: "derived-comp.template.html",
  providers: [
    { provide: ComponentBase, useExisting: forwardRef(() => DerivedComponent) }
  ]
})
export class DerivedComponent extends ComponentBase {
  @Input() dummy: number;
}

这一切都按预期工作，直到我在派生组件中添加一个新的 Input 属性（在提供的示例中是虚拟的）。 当我这样做时，基类中定义的所有 Input 属性在运行时都变得不可见（尽管在编译时一切正常），并且浏览器控制台中出现错误，指出这些输入不存在：

无法绑定到 'text'，因为它不是 'derived-comp' 的已知属性。

有没有人在 angular 2 中遇到过类似的组件继承问题？ 有没有人有关于如何克服它的建议（除了代码的复制粘贴）？

Answer 1

也许在旧的 Angular 版本中这是一个 pia，但现在它很容易。 看到这个帖子