Comment utiliser mat-tab? mat-tab n'est pas une erreur d'élément connue

Question

J'essaie d'utiliser mat-tab. J'ai ajouté le code ci-dessous en html

<mat-tab-group>
    <mat-tab label="Tab 1"> <app-latest-article></app-latest-article></mat-tab>
    <mat-tab label="Tab 2">  <app-trending-article></app-trending-article> </mat-tab>
</mat-tab-group>

Dans le fichier ts

import {MatTabsModule} from '@angular/material/tabs';

Je reçois une erreur

Erreur non détectée: erreurs d'analyse de modèle:
'mat-tab' n'est pas un élément connu:
1. Si 'mat-tab' est un composant Angular, alors vérifiez qu'il fait partie de ce module.
2. Si "mat-tab" est un composant Web, ajoutez "CUSTOM_ELEMENTS_SCHEMA" au "@ NgModule.schemas" de ce composant pour supprimer ce message. ("
</ngx-tabset> ->

Answer 1

Ajoutez l'import dans votre fichier module.ts et ajoutez-le aux importations (si vous utilisez plusieurs fichiers module.ts, ajoutez-le dans celui qui est responsable de votre composant).

import { MatTabsModule } from '@angular/material';

@NgModule({
  imports: [
    ...
    MatTabsModule,
    ...
  ],
  declarations: [
    ...
  ],
  providers: []
})

export class AppModule {}