Как изменить угловой fxLayout (строка в столбец) относительно оператора if else

Question

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

Как установить направление относительно некоторого значения

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

Answer 1

Если вы пытаетесь использовать другой макет на адаптивном beaviour, то вам нужно использовать только точки останова гибкого макета, такие как fxLayout.sm = "column".

Вот полный список доступных точек останова 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>

Если вы хотите узнать больше о гибком макете в угловом формате, помимо официальной документации, вы можете проверить этот замечательный учебник: https://alligator.io/angular/flex-layout/

Надеюсь, это сработает!

Удачного кодирования!

Answer 2

Мне просто кажется, что этого достаточно для ответа на ваш вопрос:

1. Код в компоненте: this.anyVal = true; // use any logic here to set this value

2. Элемент в шаблоне: <div fxLayout="{{anyVal ? 'column' : 'row'}}">

Удачи!