时间戳

首页 > 解决方案 > 正确重新安装 Angular Material

angular - 正确重新安装 Angular Material

问题描述

我在使用 Angular CLI 安装 Angular Material 时遇到了麻烦，所以我通过 npm 安装它，然后使用 ng 命令添加它。问题是我无法选择自定义主题，现在很难正确配置它。有没有办法完全重新安装它，以便我可以获得 CLI 配置？

标签： angularangular-material

解决方案

如果您需要选择预建主题，只需转到您的 angular.json 文件，然后使用您需要的任何内容更改样式部分。

"styles": [
  "node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
  "styles.scss",
],

检查 node_modules/@angular/material/prebuilt-themes 以获取可用的预建主题列表。

如果您想使用自定义主题，我建议使用https://materialtheme.arcsine.dev/，他们做得很好，然后将您自己的主题文件添加到样式列表中：

"styles": [
  "node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
  "src/styles.scss",
  "src/theme.scss", // for example
],

推荐阅读