從 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 繼承，盡管我不確定您想要完成的究竟是什么，以及繼承是否是處理它的最佳方式。