web-dev-qa-db-ja.com

mat-tabの使用方法mat-tabは既知の要素エラーではありません

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

エラーが発生しています

不明なエラー：テンプレート解析エラー：
'mat-tab'は既知の要素ではありません：
1。 'mat-tab'がAngularコンポーネントの場合、それがこのモジュールの一部であることを確認します。
2。 「mat-tab」がWebコンポーネントの場合、「CUSTOM_ELEMENTS_SCHEMA」をこのコンポーネントの「@ NgModule.schemas」に追加して、このメッセージを抑制します。 （ "
</ ngx-tabset>->

angulartypescriptangular-materialmat-tab
7
Nancy

Module.tsファイルにインポートを追加し、インポートに追加します（複数のmodule.tsファイルを使用する場合は、コンポーネントを担当するファイルに追加します）。

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

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

export class AppModule {}
21
shildmaiden