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

Question

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

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

谢谢

Answer 1

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

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

或者

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

请参阅此页面。

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