我正在尝试在我的角度项目中添加角度材料。我添加了棱角材料,下面是我的文件。
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>
运行时出现错误:
没有将“ exportAs”设置为“ matMenu”(“]#appMenu =” matMenu“>的指令 设定值 救命 ”):ng:///AppModule/AppComponent.html@0:10 “ mat-menu”不是已知元素: 1
答案 0 :(得分:0)
您必须导入MatMenuModule才能使用选择器mat-menu
imports: [
BrowserModule,
AppRoutingModule,
MatButtonModule,
MatCheckboxModule,
MatMenuModule
]