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

Question

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

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

谢谢

Answer 1

如果你想根据

屏幕的大小应用样式，flex-layout 会升级默认的 ngClass 和 ngStyle 指令，使它们以这种方式工作：

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

或

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

请参阅此页面。

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