Sass 不导入角度材质复选框主题

Question

问题是，当我在 SCSS 文件中指定导入并定义我的自定义主题时，除了排版的样式外，我看不到复选框的样式。

我的 SCSS 文件

@import "~bootstrap/scss/bootstrap-reboot";
@import "~bootstrap/scss/bootstrap-grid";
@import "https://fonts.googleapis.com/icon?family=Material+Icons";
@import '~@angular/material/theming';

@include mat-core();

$app-primary: mat-palette($mat-cyan, 600);
$app-accent: mat-palette($mat-indigo, 900);
$app-warn: mat-palette($mat-red);
$app-theme: mat-light-theme($app-primary, $app-accent, $app-warn);

@include mat-checkbox-theme($app-theme);

将样式附加到我的页面后，我没有实际的复选框，只看到它的标签。控制台中没有错误或警告。

我也尝试放置@include angular-material-theme($app-theme);，但这也没有任何作用。

---

最终，Angular Material 将复选框样式保留在组件内，而不是在 SCSS 中导出

Answer 1

尝试在 angular-material-theme 之后包含您的 mat-core()；