Question

import { NgModule } from '@angular/core';

import {  MatButtonModule,MatMenuModule , MatTabsModule ,  MatToolbarModule,MatIconModule,  MatCardModule} from '@angular/material';

@NgModule({
  imports: [
    MatButtonModule,
    MatTabsModule,
    MatMenuModule,
    MatToolbarModule,
    MatIconModule,
    MatCardModule
  ],
  exports: [
    MatButtonModule,
    MatTabsModule,
    MatMenuModule,
    MatToolbarModule,
    MatIconModule,
    MatCardModule
  ]
})
export class MaterialModule {}

我已经导入了所有必需的材料模块，但是仍然出现主题中提到的错误。我不知道我错过了导入哪个模块。我用于项目的版本如下。

Angular CLI 6.1.5
角6.1.9
节点8.11.1
@角度/材质“ ^ 6.4.7”，
@ angular / cdk“ ^ 6.4.7”，

我的HTML代码

<mat-nav-bar>
  <mat-nav-item mat-nav-href="#/" name="page3">Home</mat-nav-item>
  <mat-nav-item mat-nav-href="#/about" name="page3">About</mat-nav-item>
</mat-nav-bar>

Answer 1

在Angular Material中没有mat-nav-bar和mat-nav-item。改为使用mat-nav-list和mat-list-item（将MatListModule添加到您的MaterialModule中）：

<mat-nav-list>
  <mat-list-item routerLink="/">Home</mat-list-item>
</mat-nav-list>

但是，您的MaterialModule看起来不错。如果您尚未完成此操作，则需要将此模块包含在AppModule中：

@NgModule({
  declarations: [
    ...
  ],
  imports: [
    ...
    MaterialModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})

export class AppModule {
}

mat-nav-item不是一个已知的元素

1 个答案: