材料と2

Question

角度は、私が材料で、このメニューを作成します。

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

このメニューは3つの項目と列と同じです。そして今、私は同じ項目を作成しますが、列ではなく1つの行に作成します。どのようにこれを実装する？

Answer 1

あなたは次に何を、材料2からフレックスレイアウトを使用している場合：

<button md-icon-button [mdMenuTriggerFor]="menu" class="topPosition color-md-icon"> 
    <md-icon>more_vert</md-icon> 
</button> 
<md-menu #menu="mdMenu"> 
    <div fxLayout="row"> 
    <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> 
    </div> 
</md-menu> 

は実際に、あなただけのフレックスレイアウト行の中に置く必要があります。

<div fxLayout="row"> 
    ....buttons.... 
</div>