Angular 如何应用'；布局'；仅当元素大于500px时？（角材料2）

我正在开发应用角材料2

当元素大于500px时，我想做

layout=“row”

，当元素小于500px时，我想做

layout=“column”

---

顺便说一句，这两个问题都可能有很大的解决方案。所以它与分辨率无关。

我的意思是，flex布局团队做了一个测试，也许你可以在询问之前先看一下

---

它们允许您创建自己的自定义断点。虽然我不推荐（他们考虑过这些断点），但您可以更改它们，还可以使用可观察介质获得宽度（）

当一个元素变得大于500px时？是什么导致它变大的？我是通过打字脚本制作的。请删除评论，我想删除问题。