it-swarm.com.de

Wie benutzt man mat-tab? mat-tab ist kein bekannter Elementfehler

Ich versuche, mat-tab Zu verwenden. Ich habe den folgenden Code in HTML hinzugefügt

<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>

In der ts Datei

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

Ich bekomme einen Fehler

Nicht erfasster Fehler: Fehler beim Parsen von Vorlagen:
'mat-tab' ist kein bekanntes Element:
1. Wenn 'mat-tab' eine Angular- Komponente ist, stellen Sie sicher, dass es Teil dieses Moduls ist.
2. Wenn 'mat-tab' eine Webkomponente ist, fügen Sie 'CUSTOM_ELEMENTS_SCHEMA' zu den '@ NgModule.schemas' dieser Komponente hinzu, um diese Nachricht zu unterdrücken. ("
</ ngx-tabset> ->

7
Nancy

Fügen Sie den Import in Ihre module.ts-Datei ein und fügen Sie ihn zu den Importen hinzu (wenn Sie mehrere module.ts-Dateien verwenden, fügen Sie ihn in die Datei ein, die für Ihre Komponente verantwortlich ist).

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

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

export class AppModule {}
21
shildmaiden