angular - 组件@Input继承

我在组件继承方面有问题，我正在尝试为内部组件和服务实现类的层次结构。
我有几个为实际组件提供通用功能的类，目的是使代码更易于管理。
例如，我有一个（本质上是抽象的）基类：

@Component({
  selector: 'ic-base-alpha-locale-sensitive-input',
  template: '<div></div>'
})
export class BaseAlphaLocaleSensitiveInput extends BaseAlphaInput implements OnInit {

  @Input()
  charCase: TextCaseType;
  ....
}

我试着用在后代身上：

export class AlphabeticInputComponent extends BaseAlphaLocaleSensitiveInput
implements OnInit {
  ...
}

使用模板

<input ... [charCase]="caseConvert" #input="ngModel" ...>

我发现一个错误：
无法绑定到“charcase”，因为它不是“input”的已知属性。…[错误->][charcase]=“caseConvert”
在子体中继承@input绑定的正确方法是什么
课堂？
或
一般来说，实现抽象类的最佳实践是什么
几个组件实现可以从中继承公共
方法、属性和绑定？

最佳答案

您不应该使用input标记，而应该使用您在@Component中定义的选择器：

<ic-alphabetic-input [charCase]="caseConvert" #input="ngModel"></ic-alphabetic-input>