angular - Hur använder man mat-tab? mat-tab är inte ett känt element fel

Jag försöker använda mat-tab. Jag har lagt till koden nedan i 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>

I ts-fil

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

Jag får ett fel

Ohanterat fel: Mallparsningfel:
'mat-tab' är inte ett känt element:
1. Om 'mat-tab' är en Angular-komponent, kontrollera då att det är en del av denna modul.
2. Om 'mat-tab' är en webbkomponent, lägg till 'CUSTOM_ELEMENTS_SCHEMA' till '@NgModule.schemas' för denna komponent för att undertrycka detta meddelande. ("

Svar #1

Lägg till importen i din module.ts-fil och lägg till den i imports (om du använder flera module.ts-filer, lägg till den i den som är ansvarig för din komponent).

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

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

export class AppModule {}

Svar #2

För Angular 9+

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

i app.module.ts

Relaterade artiklar