Кажется, стиль вкладки циновки импортирован неправильно

Question

Я пытаюсь правильно добавить mat-tab в свой проект, но кажется, что вкладка mat импортирована неправильно или что-то в этом роде.Потому что не полный стиль вкладки мат кажется импортированным

Кодовый блок TS

import {Component, Input} from '@angular/core';

@Component({
  selector: 'app-code-block',
  templateUrl: './code-block.component.html',
  styleUrls: ['./code-block.component.scss']
})

export class CodeBlockComponent {
  @Input() htmlContent: any;
  @Input() scssContent: any;
  @Input() typescriptContent: any;

  constructor() {
  }

}

Кодовый блок HTML

<mat-tab-group>
  <mat-tab label="HTML">Content 1</mat-tab>
  <mat-tab label="SCSS">Content 2</mat-tab>
  <mat-tab label="Typescript">Content 3</mat-tab>
</mat-tab-group>

app.module.тс (без импорта выше ofc)

@NgModule({
  declarations: [
    AppComponent,
    CodeBlockComponent
  ],
  imports: [
    AppRoutingModule,
    AppMaterialModule,
    BrowserModule,
    FlexLayoutModule,
    BrowserAnimationsModule,
    FormsModule,
  ],
  entryComponents: [],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Результат:

Вместо:

Answer 1

Попробуйте импортировать MatTabsModule в app.module.ts

import {MatTabsModule} из '@ angular / material / tabs';

, а также добавьте в импорты:

импорт: [MatTabsModule]

Проверьте здесь: https://stackblitz.com/angular/amaplrmgqnp?file=app%2Ftab-group-basic-example.ts