新菜單和分頻器與角2 +材料

我創建材料菜單：新菜單和分頻器與角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> 
    <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>

如何添加一些除法？ <md-divider>不起作用。以及如何在我的第一個項目中添加新菜單

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

這是怎麼實現的？

來源

2017-03-01 Eduard Arevshatyan

現在，<md-divider>是MdListModule的一部分，如果將其導入到模塊定義中，您將可以在md-menu-item之間使用<md-divider>。像這樣：

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

來源

2017-09-21 08:03:42 Nodarii

試試這個：

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

來源

2017-03-01 11:45:25

我想這樣：https：//material.angularjs.org/latest/demo/menuBar，請參閱：文件 - >新建，然後我點擊打開新菜單。分頻器不工作。 –

你知不知道我寫了什麼？ –

我一直在尋找這個，看來，不作爲material.angular.io的一部分。您可以在此處看到功能列表：https://github.com/angular/material2。我想你必須去<hr>而不是。：/

來源

2017-04-11 22:16:31 saberprivateer

HR有什麼問題？完善！謝謝 –

作爲一個快速黑客，在您要使用MD-分頻器的頁面某處添加一個空MD-列表：

<md-list></md-list>

這將導致list.css加載，並允許您例如，在md菜單中使用md-divider。

來源

2017-06-03 08:41:59

謝謝。這幫助我使分頻器正常工作。 –

新菜單和分頻器與角2 +材料

回答

相關問題