1

我有角度材质选项卡的问题，我的项目是角度 9。我在其中创建了名为 account 的子模块 我创建了名为 account-layout 的组件

这是 account-layout.component.html

    <div style="padding-top: 64px;">
    <p>account-layout works</p>
    <mat-tab-group>
        <mat-tab label="First"> Content 1 </mat-tab>
        <mat-tab label="Second"> Content 2 </mat-tab>
        <mat-tab label="Third"> Content 3 </mat-tab>
    </mat-tab-group>
</div>

还有这个 account-layout.component.ts

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

@Component({
  selector: 'app-account-layout',
  templateUrl: './account-layout.component.html',
  styleUrls: ['./account-layout.component.scss']
})
export class AccountLayoutComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
  }

}

这是 account.module.ts

    import { NgModule } from '@angular/core';
    import { CommonModule } from '@angular/common';
    import { AccountLayoutComponent } from './account-layout/account-layout.component';
    import { BrowserModule } from '@angular/platform-browser';
    import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
    import { MatTabsModule } from '@angular/material/tabs';



@NgModule({
  imports: [
    CommonModule,
    BrowserModule,
    BrowserAnimationsModule,
    MatTabsModule
  ],


  declarations: [
    AccountLayoutComponent
  ],
})
export class AccountModule { }

现在，我有这个错误错误 NG8001: 'mat-tab-group' is not a known element: 1. 如果 'mat-tab-group' 是一个 Angular 组件，那么验证它是这个模块的一部分。

请帮助我谢谢。

4

2 回答 2

1

我的问题已解决我忘记在 app.module.ts 中导入 account-layout.module.ts

于 2020-05-26T15:23:20.603 回答
0

我的解决办法是

npm install --save @angular/cdk @angular/material

然后重新运行你的应用程序ng serve

于 2020-05-26T05:34:15.370 回答