角材料MdMenu不起作用

问题描述：

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

而且有错误：

Uncaught Error: Template parse errors: There is no directive with "exportAs" set to "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" 
}

如何修复它？

尝试升级您的所有依赖关系，并将角度版本升级到最新版本 – Hareesh

如果您有最新版本的材料，则必须将Md替换为Mat。 – Wandrille

你需要更新你的角度版本到最新的测试版 - 它应该工作，然后 – AlexWoe89

答

@Hareesh @Wanderille @ AlexWoe89感谢答案，我找到的解决方案是很容易的:)

从MD-菜单中删除 “mdMenu”

总结：

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

答

你可以使用<mat-menu>而不是<md-menu>并导入'MatMenuModule'而不是'MdMenuModule'，它应该可以正常工作。

角材料MdMenu不起作用

相关推荐