子组件不继承输入,而其他组件则继承

时间:2019-02-26 13:32:08

标签: angular typescript inheritance extends

我有一个“几乎”复制的组件已粘贴到另一个组件中。

我的第一个组件继承与输入一起使用,而第二个则不行。

然后我看到一条错误消息

Can't bind to 'anInput' since it isn't a known property of 'my-copied-component'.


<my-copied-component
    [anInput]="someInputValue" <--- ERROR
>
</my-copied-component>

<my-original-component
    [anInput]="someInputValue" <--- Works fine
>
</my-original-component>

实现:

export class MyCopiedComponent extends MyComponentsBase implements OnInit {

基本实现:

export class MyComponentsBase implements OnInit {

@Input() public anInput: string;

我在构造函数中有super()。

1 个答案:

答案 0 :(得分:2)

确保已在模块中声明了新组件-

@NgModule({
  declarations: [MyCopiedComponent]
})
export class SomeModule {}