如何更改有关if else语句的角度fxLayout（行到列）

Question

https://tburleson-layouts-demos.firebaseapp.com/#/docs

如何设定方向值

<div if(value) fxLayout='row' else fxLayout='column'>

Answer 1

我只是认为这足以回答您的问题：

1. 组件中的代码：this.anyVal = true; // use any logic here to set this value

2. 模板中的元素：<div fxLayout="{{anyVal ? 'column' : 'row'}}">

祝你好运！

Answer 2

假设您尝试在响应行为上使用其他布局，则只需使用诸如fxLayout.sm =“ column”之类的flex布局断点。

这是可用断点https://github.com/angular/flex-layout/wiki/Responsive-API#mediaqueries-and-aliases

的完整列表

因此，您的标签应如下所示：

<div fxLayout="row"
     fxLayout.sm="column" >...</div>

如果需要，可以使用多个断点：

<div fxLayout="row"
     fxLayout.xs="column"
     fxLayout.sm="column" 
     fxLayout.md="column">...</div>

如果除了官方文档之外，您还想了解更多有关angular的flex布局的信息，可以查看以下很棒的教程：https://alligator.io/angular/flex-layout/

希望这行得通！

编码愉快！