在本地使用 Angular 9 材质样式

【问题标题】：Using Angular 9 Material Styles Locally在本地使用 Angular 9 材质样式
【发布时间】：2020-02-26 23:40:17
【问题描述】：

我正在按照官方docs 中给出的示例实现非常基本的表格。

在这些示例中，表格具有很好的样式，似乎已本地化到每个示例表格。我想使用的主要风格是 mat-elevation-z8 （据我所知）。不幸的是，当我将该表格嵌入到我的页面中时，它会为整个页面设置样式，一直到正文。这是一个堆栈闪电战，它说明了我的意思：

表格上方和下方的 div 的样式与表格相匹配。我希望表格的样式与示例中的一样。我唯一的选择是覆盖我不想受 Material 影响的每个属性吗？

【问题讨论】：

【解决方案1】：

1) 您不需要覆盖每个属性，只需在需要的地方使用材料 CSS 类，否则不要添加类。

2) 例如，在您的stackblitz 链接中，该页面正在查看材料设计，因为您在index.html 文件中将'mat-app-background basic-container' 类应用于div。以便整个页面都使用材料设计。

3) 从 index.html 文件中删除 mat-app-background basic-container，并仅对表格使用材料 CSS 类。

4) 我刚刚更新了index.html 文件供您参考。 check here

【讨论】：