角度素材メニューを開く/閉じる方法

Question

最近、角度素材を使用し始めていて、マットメニューの開閉について苦労しています...角度素材文書サイトの例では、 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> 

Answer 1

"あなたのコードは正しいですが、matMenuTriggerFor指示文を書く必要はありません。これはAPIの一部です.MatMenuModule、MatButtonModule、MatIconModuleをあなたのアプリケーションモジュールにインポートしてください。 - からのコメント

Answer 2

混乱は、私はそれを理解するような材料が破壊変更を導入しましたので... material 2 Changelog - Breaking Changes

は、材質2.0.0-beta.12と起動を参照してくださいがあります。 md-*の代わりにmatを使用してください。material.angular.ioのドキュメントの一部のみがマットで更新されているようです。具体的には、表示ソースをクリックしてmdと表示した場合、まだそれらをmatに置き換えていないと思われます。

したがって、材料2.0.0-beta.12に更新し、mat-*を使用するか、md-*を使用してください。