Angular mdMenu不'；t在角度材质版本：2.0.0-beta.11中工作

此代码有什么问题：

<button md-button [mdMenuTriggerFor]="menu">Menu</button>
<md-menu #menu="mdMenu">
  <button md-menu-item>Item 1</button>
  <button md-menu-item>Item 2</button>
</md-menu>

编辑：3

我的

用户模块

：

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

import { SharedModule } from '../../shared/shared.module';
import { UserRoutingModule } from './user-routing.module';
import { UserService } from './user.service';

// material
import {
  MatCardModule,
  MatMenuModule,
  MatInputModule,
  MatButtonModule,
  MatCheckboxModule
} from '@angular/material';

import { UserComponent } from './user.component';
import { UserProfileComponent } from './user-profile/user-profile.component';
import {
  UserRegistrationComponent
} from './user-registration/user-registration.component';
import {
  UserRestorePasswordComponent
} from './user-restore-password/user-restore-password.component';

@NgModule({
  imports: [
    SharedModule,
    UserRoutingModule,
    MatCardModule,
    MatMenuModule,
    MatInputModule,
    MatButtonModule,
    MatCheckboxModule
  ],
  declarations: [
    UserComponent,
    UserProfileComponent,
    UserRegistrationComponent,
    UserRestorePasswordComponent
  ],
  providers: [
    UserService
  ]
})
export class UserModule { }

这是我的

user.registration.component.html

：

<button mat-button [matMenuTriggerFor] = "menu">Menu</button>
<mat-menu #menu = "matMenu">
  <button mat-menu-item>Item 1</button>
  <button mat-menu-item>Item 2</button>
</mat-menu>

菜单
项目1
项目2

问题在于您的角度版本。将角度版本更新为

4.4.3

或更高版本。材料

2.0.0-beta.11

取决于

4.4.3

或更高版本。从文件中：

中断更改 角材质现在需要角4.4.3或更高版本

---

链接到。

您是否包含了MdMenuModule？@pzaenger:是的，您是如何导入材料模块的？ehat是您的角度版本吗？请将您的版本更新到4.4.3：好的，非常感谢。。。

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

import { SharedModule } from '../../shared/shared.module';
import { UserRoutingModule } from './user-routing.module';
import { UserService } from './user.service';

// material
import {
  MatCardModule,
  MatMenuModule,
  MatInputModule,
  MatButtonModule,
  MatCheckboxModule
} from '@angular/material';

import { UserComponent } from './user.component';
import { UserProfileComponent } from './user-profile/user-profile.component';
import {
  UserRegistrationComponent
} from './user-registration/user-registration.component';
import {
  UserRestorePasswordComponent
} from './user-restore-password/user-restore-password.component';

@NgModule({
  imports: [
    SharedModule,
    UserRoutingModule,
    MatCardModule,
    MatMenuModule,
    MatInputModule,
    MatButtonModule,
    MatCheckboxModule
  ],
  declarations: [
    UserComponent,
    UserProfileComponent,
    UserRegistrationComponent,
    UserRestorePasswordComponent
  ],
  providers: [
    UserService
  ]
})
export class UserModule { }

<button mat-button [matMenuTriggerFor] = "menu">Menu</button>
<mat-menu #menu = "matMenu">
  <button mat-menu-item>Item 1</button>
  <button mat-menu-item>Item 2</button>
</mat-menu>