角度4材质：使用flex来包裹元素

Question

我想知道如何使用flex来包装我的“product”元素，例如这个例子（angular js）：

https://codepen.io/anon/pen/MwzRde

我正在使用带有Material.io的Angular 4，我看到flex响应。

但是在这段代码中，我可以看到：

<div class='md-padding' layout="row" layout-wrap>

角度4中不存在

layout =“row”和 layout-wrap ....

如果你有一个例子，谢谢！

Answer 1

它确实存在，但它不再与Angular Material耦合。你应该添加一个额外的包来使用它。

这是Angular Flex Layout。如您所见here，您所描述的属性也可以使用。

Answer 2

这些标签来自angularjs-material。您可以使用普通flexbox css复制这些属性：

myDiv {
  display: flex;
  flex-flow: row wrap;
}