新メニューと分周器は、角2 +材料

Question

と私は材料と、このメニューを作成しますか？ <md-divider>は機能しません。そして、私の最初のアイテムに新しいメニューを追加する方法

<button md-menu-item> 
    <md-icon>cloud</md-icon> 
    <span>1</span> 
    </button> 

これはどのように実装するのですか？

Answer 1

は今のところ、<md-divider>はあなたのモジュール定義にインポートする場合は、あなたのmd-menu-item `sの間<md-divider>を使用することができます、MdListModuleの一部です。同様に：

<button md-menu-item> 
    <md-icon>cloud</md-icon> 
    <span>1</span> 
</button> 
<md-divider></md-divider> 
<button md-menu-item> 
    <md-icon>cloud</md-icon> 
    <span>2</span> 
</button> 

P.S. MdListModuleのうち<md-divider>の移動に関するissue in GitHubがあります。

Answer 2

これを試してみてください：

<button md-icon-button [mdMenuTriggerFor]="menu" class="topPosition color-md-icon"> 
    <md-icon>more_vert</md-icon> 
</button> 
<md-menu #menu="mdMenu"> 
    <button md-menu-item [mdMenuTriggerFor]="menu2" class="topPosition color-md-icon"> 
     <md-icon>cloud</md-icon> 
     <span>1</span> 
    </button> 
    <md-divider></md-divider> 
    <md-menu #menu2="mdMenu"> 
     <button md-menu-item> 
      <md-icon>cloud</md-icon> 
      <span>1</span> 
     </button> 
     <button md-menu-item> 
      <md-icon>cloud</md-icon> 
      <span>2</span> 
     </button> 
     <button md-menu-item> 
      <md-icon>cloud</md-icon> 
      <span>3</span> 
     </button> 
    </md-menu> 
    <button md-menu-item> 
     <md-icon>cloud</md-icon> 
     <span>2</span> 
    </button> 
    <button md-menu-item> 
     <md-icon>cloud</md-icon> 
     <span>3</span> 
    </button> 
</md-menu> 

Answer 3

私はこれに探していたし、それはmaterial.angular.ioの一部として含まれていません表示されます。フィーチャーリストはhttps://github.com/angular/material2です。

代わりに<hr>に行ってください。 ：迅速なハックとして/

Answer 4

、どこかであなたはMD-分圧器を使用するページで、空のMD-リストを追加します。

<md-list></md-list> 

をこれはlist.cssがロードさせ、そしてあなたができるようになりますたとえば、md-menuでmd-dividerを使用します。