angular - 模板解析错误 : There is no directive with "exportAs" set to "matMenu"

Question

随着 Angular Material 及其 breaking changes 的新更新, 我不能再使用我的 <md-menu>组件。它在我导入 MaterialModule 时工作正常，但现在在导入 MatMenuModule 或 MdMenuModule 时生成以下错误:

compiler.es5.js:1690 Uncaught Error: Template parse errors:
There is no directive with "exportAs" set to "matMenu" ("
</mat-toolbar>
  <mat-menu xPosition="after" [ERROR ->]#wordListMenu="matMenu" 
): 
ng:///NavbarModule/NavbarComponent.html@38:28

我遵循 documentation 中的指南和 API ，但语法似乎发生了变化？我都试过了 #wordListMenu="matMenu"和 #wordListMenu="mdMenu"并且错误仍然存​​在。

我的 html 文件(相关部分)是:

<button mat-button [md-menu-trigger-for]="wordListMenu" [ngClass]="{'active' 
  : isActive(['/wordlist'])}">
  Word Lists
</button>
<mat-menu xPosition="after" #wordListMenu="matMenu" 
  [overlapTrigger]="false">
  //Content of menu
</mat-menu>

我的模块是:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {NavbarComponent} from 'app/navbar/navbar.component';
import { MdTooltipModule, MatMenuModule } from '@angular/material';

@NgModule({
  imports: [
    CommonModule,
    MdTooltipModule,
    MatMenuModule
  ],
  declarations: [NavbarComponent],
  exports: [NavbarComponent]
})
export class NavbarModule { }

有什么我想念的吗？为什么编译器不能识别 matMenu？

Answer 1

问题出在您的 Angular 版本上。将您的 Angular 版本更新到 4.4.3 或更高版本。 Material 2.0.0-beta.11 取决于 4.4.3 或更高版本。来自CHANGELOG文档:

Breaking changes Angular Material now requires Angular 4.4.3 or greater

链接到 working demo .