각도 재료 메뉴를 여는 방법/닫는 방법

최근 각도 재료를 사용하기 시작했고 매트 메뉴 열기/닫기에 어려움을 겪고 있습니다 ... 각도 재료 설명서 사이트의 예제에서 볼 수 있습니다 메뉴에 ID를 지정한 다음 메뉴를 토글하는 데 사용되는 단추에 지시문을 적용하십시오. 예 : [matMenuTriggerFor]="menu"각도 재료 메뉴를 여는 방법/닫는 방법

어떻게하면 지침을 작성할 수 있습니까? 특정 메뉴에 대한 참조를 해당 ID가있는 DOM 요소의 toggle() 메서드를 호출하는 지시문에 전달하는 방법을 모르겠습니다.

다음 코드는 오류를 생성합니다 : 그것은 '버튼'의 알려진 속성이 아닙니다 때문에

가 'matMenuTriggerFor'에 결합 할 수 없습니다.

"exportAs"가 "matMenu"로 설정된 지시문이 없습니다.
내 코드 :

재질 내가 그것을 이해 주요 변경을 도입하기 때문에 혼란이있다

<li> 
    <button mat-icon-button [matMenuTriggerFor]="stockSystemMenu"> 
     <mat-icon class="sn-item"> 
      <i class="material-icons">archive</i> 
     </mat-icon> 
    </button> 
    <span class="sn-item" (click)="toggleMenu(stockSystemMenu)">Stok System</span> 

    <mat-menu #stockSystemMenu="matMenu"> 
     <button mat-menu-item> 
      <mat-icon> 
       <i class="material-icons">chevron_right</i> 
      </mat-icon> 
     <span>Service 1</span> 
     </button> 
    </mat-menu> 
</li>

출처

2017-10-12 user2094257

코드에서? 당신이 시도한 것은 무엇입니까? – Aravind

@Aravind 나는 이것을 시작하는 방법에 관해 전혀 모른다. 나는 어쨌든 dom 요소의 ID에 대한 참조를이 지시어에 전달해야한다.이 지시어는 dom 요소의 toggle() 함수를 호출해야한다. – user2094257

당신이 정교 할 수 있다면 나는 이것을 고칠 수 있도록 도와 줄 것입니다! – Aravind