马赛克布局与角材料

Question

如果可以用角形材料制作莫扎面布局，我就会感到很沮丧。我想要做的是根据部分计数不同地显示部分。例如，如果我有3个部分要进行调度，那就像

Section1 Section2 Section3

4个部分就像

Section1 Section2 
Section3 Section4

我无法找到任何这方面的例子。感谢

Answer 1

您可以通过在Angular Material的layout documentation中定义的每个元素上定义flex指令来执行此操作。

要实现问题中定义的布局，您可以这样使用指令：

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