2017-10-21 7 views
0

작동하지 않습니다각도 재료 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" 
} 

그것을 해결하는 방법 ?

+0

종속성을 모두 업그레이드하고 각도 버전을 최신 – Hareesh

+0

으로 업그레이드하십시오. 최신 버전의 자료가있는 경우 Md를 Mat로 대체해야합니다. – Wandrille

+0

각도 버전을 최신 베타 버전으로 업데이트해야합니다. 그러면 작동합니다. – AlexWoe89

답변

0

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

당신이 할 수있는 <md-menu> 대신 <mat-menu>을 사용하고 'MdMenuModule'대신 'MatMenuModule'을 가져 오면 올바르게 작동합니다.