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

【问题标题】：Use Angular Flex-layout breakpoint aliases in my own scss files在我自己的 scss 文件中使用 Angular Flex 布局断点别名
【发布时间】：2018-04-28 17:16:04
【问题描述】：

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

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

谢谢

【问题讨论】：

标签： angular sass angular-flex-layout

【解决方案1】：

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

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

或

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

看到这个page。

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

【讨论】：