Question

我有来自Angular材料doc的代码：

<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>

有错误：

未捕获错误：模板解析错误：没有指令 “exportAs”设置为“mdMenu”

的package.json：

  "dependencies": {
"@angular/animations": "^4.4.3",
"@angular/cdk": "2.0.0-beta.11",
"@angular/common": "^4.2.4",
"@angular/compiler": "^4.2.4",
"@angular/core": "^4.2.4",
"@angular/forms": "^4.2.4",
"@angular/http": "^4.2.4",
"@angular/material": "2.0.0-beta.11",
"@angular/platform-browser": "^4.2.4",
"@angular/platform-browser-dynamic": "^4.2.4",
"@angular/router": "^4.2.4",
"core-js": "^2.4.1",
"material-design-icons": "^3.0.1",
"rxjs": "^5.4.2",
"zone.js": "^0.8.14"
}

如何解决？

Answer 1

@Hareesh @Wanderille @ AlexWoe89感谢您的回答，我发现解决方案非常简单：）

删除＆＃34; mdMenu＆＃34;来自md-menu

总结：

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

Answer 2

您可以使用<mat-menu>代替<md-menu>并导入＆＃39; MatMenuModule＆＃39;而不是＆＃39; MdMenuModule＆＃39;它应该工作正常。

角度材料MdMenu不起作用

2 个答案: