从 Angular Material 组件扩展

Question

在我的 angular 项目中，我想从 angular material 组件中扩展/继承，而不是使用 material 组件本身（例如不是 mat-checkbox 而只是一个扩展 mat-checkbox 的常规复选框）。 通过这种方式，我想从 mat 复选框继承所有属性和方法。 不幸的是，我面临编译错误。 波纹管您可以找到 stackblitz 的链接，您可以在其中查看项目和错误本身

https://stackblitz.com/edit/angular-material-hulqfu?file=app%2Fcheckbox%2Fcheckbox.component.ts

请看一下控制台中的错误。

Answer 1

为了能够继承任何 Material 组件，您首先需要安装库并将其添加到项目中： https://material.angular.io/guide/getting-started : https://material.angular.io/guide/getting-started 。

之后，我建议您尝试使用 AppComponent（或任何已声明的组件）中的 MatCheckbox 来验证是否所有设置都正确。 请记住之前将 MatCheckboxModule 添加到导入部分中的 AppModule（或其相应模块）。

一旦您没有任何类型的错误，您就可以创建一个从相应 Material 组件扩展的组件。 不要忘记在声明部分导入它。

这应该可行，因为它只是 Typescript 继承，尽管我不确定您想要完成的究竟是什么，以及继承是否是处理它的最佳方式。