从角材料组件扩展

时间:2020-09-29 22:01:19

标签: javascript angular typescript inheritance angular-material

在我的角度项目中,我想从角度材质组件扩展/继承,而不是使用材质组件本身(例如,不是mat-checkbox,而只是扩展了mat-checkbox的常规复选框)。这样,我想从mat复选框继承所有属性和方法。不幸的是我面临编译错误。在下面,您可以找到stackblitz的链接,您可以在其中查看项目和错误本身

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

请查看控制台中的错误。

1 个答案:

答案 0 :(得分:1)

为了能够从任何材料组件继承,您首先需要(看起来很明显)将库安装并添加到项目中: https://material.angular.io/guide/getting-started

然后,我建议您通过尝试使用AppComponent(或任何已声明的组件)中的MatCheckbox来验证是否已正确设置所有设置。请记住,之前要在Imports部分中将MatCheckboxModule添加到AppModule(或其对应的模块)中。

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

这应该起作用,因为它只是Typescript继承,尽管我不确定您到底要完成什么以及继承是否是实现它的最佳方法。