angular - @angular/flex-layout 如何：基于屏幕大小的不同类？

Question

有没有办法让@angular/flex-layout根据屏幕大小更改类？

我知道我可以这样做：

<div fxFlex="grow" fxLayout="row" fxLayout.xs="column">

和这个：

<div fxFlex="22"    fxFlex.md="10px" fxHide.lg>

等等

我希望能够做这样的事情：

<div class="myWideClass" class.xs="myNarrowClass">

有没有办法做这种事情 - 根据屏幕宽度更改类？

谢谢！

score 31 · Accepted Answer

是的，有办法！

试试这个：

<div [ngClass.xs]="'myNarrowClass'"
     [ngClass.md]="{'myWideClass': true}"></div>

这是文档

score 3 · Accepted Answer

例如，如果有人正在寻找一种方法来添加大于 xs 的类，您可以这样做：

<div [ngClass.gt-xs]="'myNarrowClass'"></div>

2 回答 2