我正在尝试在我的 Angular 项目中添加 Angular Material 。我添加了 Angular Material ,下面是我的文件。
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import {MatButtonModule, MatCheckboxModule} from '@angular/material';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
AppRoutingModule,MatButtonModule, MatCheckboxModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
app.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'sp';
}
app.component.html
<mat-menu #appMenu="matMenu">
<button mat-menu-item>Settings</button>
<button mat-menu-item>Help</button>
</mat-menu>
<button mat-icon-button [matMenuTriggerFor]="appMenu">
<mat-icon>more_vert</mat-icon>
</button>
<router-outlet></router-outlet>
我在运行时遇到错误:
There is no directive with "exportAs" set to "matMenu" ("]#appMenu="matMenu"> Settings Help "): ng:///AppModule/AppComponent.html@0:10 'mat-menu' is not a known element: 1
最佳答案
您必须导入 MatMenuModule使用选择器mat-menu
imports: [
BrowserModule,
AppRoutingModule,
MatButtonModule,
MatCheckboxModule,
MatMenuModule
]
关于node.js - 尝试添加 Angular Material 时组件加载错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52608416/