新菜单和分频器与角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 +材料

回答

相关问题