javascript - 继承的 Angular 2 组件中的输入属性

Question

我试图通过继承一些具有一些输入属性的基类来实现 angular 2 中的组件(我使用 this example 作为实现 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 属性在运行时都变得不可见(尽管在编译时一切正常)，并且浏览器控制台中出现错误说这些输入不存在:

Can't bind to 'text' since it isn't a known property of 'derived-comp.'

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

Answer 1

也许在旧的 Angular 版本中，这是一个 p.i.a.，但现在它很容易。见 this post