导入 Angular Material 主题

问题描述

我正在构建一个新组件并希望使用 Angular Material 主题。我从 Angular Material 存储库导入了主题，但 mixin 没有应用于控件。如果我在样式表中添加任何样式，它会被应用，但混合不会应用于控件。你能告诉我我在这里可能遗漏了什么吗？这是我实施的：

a) 在项目中创建了自定义控件 b) 使用来自 Angular Material 的 theme.scss 文件并将其导入到 component.scss

解决方法

你必须

1. 将您的 styles.css 重命名为 styles.scss
2. 将 theme.scss 的导入放入您的 styles.scss
3. 将 angluar.json 中的条目从 styles.css 调整为 styles.scss

然后运行ng serve

,

如果您想使用内置主题，则需要add your chosen CSS file to the styles array of your project's angular.json file。