在我自己的scss文件中使用Angular Flex-layout断点别名

Question

我想在我自己的scss文件中使用Angular Flex-layout中定义的断点别名，我不知道要导入什么。我在.scss文件夹中看不到任何.css和/node_modules/@angular/flex-layout个文件。

我希望这是可能的，所以如果你可以帮助我; - ）

由于

Answer 1

如果您想根据屏幕尺寸应用样式，flex-layout会升级默认的ngClass＆amp; ngStyle指令使它们以这种方式工作：

<div [ngClass.sm]="{'fxClass-sm': hasStyle}"></div>

或

<div [ngStyle.xs]="{'font-size.px': 10, color: 'blue'}"></div>

请参阅此page。

然后你可以添加可以在你scss中获取的类。