在 Angular Material 中，设置全局排版样式意味着什么？

Question

使用ng add @angular/material为 Angular 项目添加 Material 支持时有提示Set up global Angular Material typography styles?

这究竟意味着什么？文档说明出现了提示，但没有描述其实际含义。

Answer 1

默认情况下，Angular Material 不应用全局 CSS。这意味着标准元素（例如<h1>）不会应用 Angular 材质样式。\n因此，当以这种方式配置时，为了将 Angular 材质样式应用到 HTML 的大部分内容，您可以使用mat-typography该类

\n

<h1>This header doesn\'t have Angular Material styling</h1>\n<section class="mat-typography">\n<h1>This header does have Angular Material styling</h1>\n</section>\n

\n

如果您设置全局排版样式；那么第一个<h1>已经被样式化了。

\n