mat-tab не является известной ошибкой элемента

Question

Я пытаюсь использовать mat-tab. Я добавил следующий код в 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>

В файле TS

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

Я получаю ошибку

Uncaught Error: Template parse errors:
'mat-tab' is not a known element:
1. If 'mat-tab' is an Angular component, then verify that it is part of this module.
2. If 'mat-tab' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
                  </ngx-tabset> -->

Answer 1

Добавьте импорт в ваш файл module.ts и добавьте его в импорт (если вы используете несколько файлов module.ts, добавьте его в тот, который отвечает за ваш компонент).

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

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

export class AppModule {}