モザイクレイアウトと角度素材

Question

角度のある素材でモザイクレイアウトを作成することができれば、私はうんざりしています。私がしたいのは、セクションの数に応じてセクションを別々に表示することです。それは4つのセクションのための

Section1 Section2 Section3 

ようなものになるだろう、私はdispayする3つのセクションを持っている場合たとえば、私は、このための任意の例を見つけることができませんでした

Section1 Section2 
Section3 Section4 

ようにそれは次のようになります。ありがとう

Answer 1

角材のlayout documentationで定義されているように、各要素にflex指示を定義することでこれを行うことができます。あなたは、このようにディレクティブを使用することができ、問題の定義されたレイアウトを実現するために

、します。https：：//material.angularjs

<div layout="row" layout-sm="column"> 
    <div flex>Section 1</div> 
    <div flex>Section 2</div> 
</div> 

<div layout="row" layout-sm="column"> 
    <div flex>Section 3</div> 
    <div flex>Section 4</div> 
</div>