fix: 修正 guides 中内容的格式

Author: asnowwolf

guides/creating-a-custom-form-field-control.md

@@ -21,8 +21,8 @@ guide:
 
 In order to learn how to build custom form field controls, let's start with a simple input component
 that we want to work inside the form field. For example, a phone number input that segments the
-parts of the number into their own inputs. \(Note: this is not intended to be a robust component,
-just a starting point for us to learn.\)
+parts of the number into their own inputs. (Note: this is not intended to be a robust component,
+just a starting point for us to learn.)
 
 要学习如何构建自定义表单字段控件，我们先从一个简单的输入框组件开始，我们要让它能用于表单字段中。 比如，一个电话号码输入框应该能把号码拆分后放进它的各个输入属性中。（注意，我们并不打算把它做成一个健壮的组件，只想把它作成学习的起点。）
 
@@ -217,8 +217,8 @@ constructor(
 ```
 
 Note that if your component implements `ControlValueAccessor`, it may already be set up to provide
-`NG_VALUE_ACCESSOR` \(in the `providers` part of the component's decorator, or possibly in a module
-declaration\). If so, you may get a *cannot instantiate cyclic dependency* error.
+`NG_VALUE_ACCESSOR` (in the `providers` part of the component's decorator, or possibly in a module
+declaration). If so, you may get a *cannot instantiate cyclic dependency* error.
 
 注意，如果你的组件实现了 `ControlValueAccessor`，那么它可能已经作为 `NG_VALUE_ACCESSOR` 提供出去了（在组件装饰器的 `providers` 部分，或模块声明中）。如果是这样，可能会导致*cannot instantiate cyclic dependency（不能实例化循环依赖）*错误。
 
@@ -388,7 +388,7 @@ get errorState(): boolean {
 }
 ```
 
-However, there are some error triggers that we can't subscribe to \(e.g. parent form submissions\),
+However, there are some error triggers that we can't subscribe to (e.g. parent form submissions),
 to handle such cases we should re-evaluate `errorState` on every change detection cycle.
 
 但是，有一些错误触发器我们无法订阅（例如父表单提交），为了处理此类情况，我们应该在每个变更检测周期重新对 `errorState` 进行求值。
@@ -516,7 +516,7 @@ element using either `aria-label` or `aria-labelledby`.
 屏幕阅读器用户却缺少一条很重要的信息。他们无法分辨这个输入组所代表的含义。为了改善这一点，我们应该使用 `aria-label` 或者 `aria-labelledby` 为这个分组元素添加一个标签。
 
 It's recommended to link the group to the label that is displayed as part of the parent
-`<mat-form-field>`. This ensures that explicitly specified labels \(using `<mat-label>`\) are
+`<mat-form-field>`. This ensures that explicitly specified labels (using `<mat-label>`) are
 actually used for labelling the control.
 
 我们建议把该标签链接到这个组，将其作为父元素 `<mat-form-field>` 的一部分。这可以确保显式指定的标签（使用 `<mat-label>` ）确实被用作了该控件的标签。
@@ -559,8 +559,8 @@ do is place it inside a `<mat-form-field>`
 ```
 
 We also get all the features that come with `<mat-form-field>` such as floating placeholder,
-prefix, suffix, hints, and errors \(if we've given the form field an `NgControl` and correctly report
-the error state\).
+prefix, suffix, hints, and errors (if we've given the form field an `NgControl` and correctly report
+the error state).
 
 我们还获得了 `<mat-form-field>` 的所有特性，比如上浮占位符、前缀、后缀、提示和错误（前提是我们给了表单字段一个 `NgControl`，并正确的报告了错误状态）。
 

guides/getting-started.md

@@ -36,7 +36,7 @@ ng add @angular/material
 ```
 
 The `ng add` command will install Angular Material, the
-[Component Dev Kit \(CDK\)](https://material.angular.io/cdk/categories),
+[Component Dev Kit (CDK)](https://material.angular.io/cdk/categories),
 [Angular Animations](https://angular.io/guide/animations) and ask you the following questions to
 determine which features to include:
 
@@ -151,7 +151,7 @@ You should see the Material slide toggle component on the page.
 你会在页面上看到这个 Material 滑块开关组件。
 
 In addition to the installation schematic, Angular Material comes with
-[several other schematics](https://material.angular.io/guide/schematics) \(like nav, table,
-address-form, etc.\) that can be used to easily generate pre-built components in your application.
+[several other schematics](https://material.angular.io/guide/schematics) (like nav, table,
+address-form, etc.) that can be used to easily generate pre-built components in your application.
 
 除了安装原理图之外，Angular Material 还带有[另外一些原理图](https://material.angular.cn/guide/schematics)（如导航、表格、地址表单等），可用于方便地在应用中生成预置的组件。

guides/schematics.md

@@ -16,11 +16,11 @@ packages, they will be available through the Angular CLI.
 
 Angular Material 附带了一些原理图，一旦你安装了这个 npm 包，就可以通过 Angular CLI 来使用这些原理图了。
 
-Using the command below will install Angular Material, the [Component Dev Kit](https://material.angular.io/cdk) \(CDK\),
+Using the command below will install Angular Material, the [Component Dev Kit](https://material.angular.io/cdk) (CDK),
 and [Angular Animations](https://angular.io/guide/animations) in your project. Then it will run the
 installation schematic.
 
-运行下列命令可以自动为你的项目安装 Angular Material、[组件开发工具](/cdk) \(CDK\) 和 [Angular 动画库](https://angular.cn/guide/animations)，并运行代码原理图。
+运行下列命令可以自动为你的项目安装 Angular Material、[组件开发工具](/cdk) (CDK) 和 [Angular 动画库](https://angular.cn/guide/animations)，并运行代码原理图。
 
 ```
 ng add @angular/material

guides/theming-your-components.md

@@ -118,11 +118,11 @@ structural, color, and typography styles. This file is included in the `styleUrl
 
 To change this file to participate in Angular Material's theming system, we split the styles into
 two files, with the color and typography styles moved into mixins. By convention, the new file
-name ends with `-theme`. Additionally, the file starts with an underscore \(`_`\), indicating that
+name ends with `-theme`. Additionally, the file starts with an underscore (`_`), indicating that
 this is a Sass partial file. See the [Sass documentation][sass-partials] for more information about
 partial files.
 
-为了更改此文件以融入 Angular Material 的主题体系，我们将这些样式拆分为两个文件，把颜色和排版样式移动到 mixin 中。按照惯例，新文件名以 `-theme` 结尾。此外，该文件以下划线 \(`_`\) 开头，以表明这是一个 Sass “部分（partial）文件”。关于“部分文件”的更多信息，请参阅 [Sass 文档][sass-partials]。
+为了更改此文件以融入 Angular Material 的主题体系，我们将这些样式拆分为两个文件，把颜色和排版样式移动到 mixin 中。按照惯例，新文件名以 `-theme` 结尾。此外，该文件以下划线 (`_`) 开头，以表明这是一个 Sass “部分（partial）文件”。关于“部分文件”的更多信息，请参阅 [Sass 文档][sass-partials]。
 
 [sass-partials]: https://sass-lang.com/guide#topic-4
 

guides/theming.md

@@ -128,15 +128,15 @@ determine component colors:
 
 * A **primary** palette for the color that appears most frequently throughout your application
 
-  在整个应用程序中最常出现的颜色的 **primary\(主要\)** 调色板
+  在整个应用程序中最常出现的颜色的 **primary(主要)** 调色板
 
 * An **accent**, or _secondary_, palette used to selectively highlight key parts of your UI
 
-  用于有选择地突出显示 UI 中某些关键部位的 **accent\(强调\)** 或 *secondary\(辅助\)* 调色板
+  用于有选择地突出显示 UI 中某些关键部位的 **accent(强调)** 或 *secondary(辅助)* 调色板
 
 * A **warn**, or _error_, palette used for warnings and error states
 
-  用于警告和错误状态的 **warn\(警告\)** 或 *error\(错误\)* 调色板
+  用于警告和错误状态的 **warn(警告)** 或 *error(错误)* 调色板
 
 You can include the CSS styles for a theme in your application in one of two ways: by defining a
 custom theme with Sass, or by importing a pre-built theme CSS file.
@@ -186,7 +186,7 @@ represent, in order: the "default" hue, a "lighter" hue, a "darker" hue, and a "
 Components use these hues to choose the most appropriate color for different parts of
 themselves.
 
-构建主题首先需要定义你的 `primary`\(主要\)和 `accent`\(重音\)调色板，以及可选的 `warn`\(警告\)调色板。Sass 函数 `define-palette` 接受一个调色板（这在上面的[调色板](#palettes)部分中讲过）以及四个可选的色调数值。这四种色调依次表示：“default\(默认\)”色调、“lighter\(较浅\)”色调、“darker\(较暗\)”色调和“text\(文本\)”色调。各个组件会使用这些色调为自身的不同部位选择最合适的颜色。
+构建主题首先需要定义你的 `primary`(主要)和 `accent`(重音)调色板，以及可选的 `warn`(警告)调色板。Sass 函数 `define-palette` 接受一个调色板（这在上面的[调色板](#palettes)部分中讲过）以及四个可选的色调数值。这四种色调依次表示：“default(默认)”色调、“lighter(较浅)”色调、“darker(较暗)”色调和“text(文本)”色调。各个组件会使用这些色调为自身的不同部位选择最合适的颜色。
 
 ```scss
 @use '@angular/material' as mat;
@@ -248,7 +248,7 @@ configuration to `define-light-theme` or `define-dark-theme`.
 Apply the styles for each of the components used in your application by including each of their
 theme Sass mixins.
 
-通过包含 \(`include`\) 每个主题 Sass mixins，可以为应用程序中使用的每个组件应用样式。
+通过包含 (`include`) 每个主题 Sass mixins，可以为应用程序中使用的每个组件应用样式。
 
 ```scss
 @use '@angular/material' as mat;
@@ -321,17 +321,17 @@ You can use one of these pre-built themes if you don't want to define a custom t
 
 Angular Material 包括四个预构建的主题 CSS 文件，每个文件都选择了不同的调色板。如果你不想使用 Sass 来自定义主题，则可以使用这些预构建的主题之一。
 
-| Theme | Light or dark? | Palettes (primary, accent, warn) |
-| ----- | -------------- | -------------------------------- |
-| 主题 | 亮还是暗？ | 调色板（primary, accent, warn） |
-| `deeppurple-amber.css` | Light | deep-purple, amber, red |
-| `deeppurple-amber.css` | 亮 | deep-purple, amber, red |
-| `indigo-pink.css` | Light | indigo, pink, red |
-| `indigo-pink.css` | 亮 | indigo, pink, red |
-| `pink-bluegrey.css` | Dark | pink, blue-grey, red |
-| `pink-bluegrey.css` | 暗 | pink, bluegrey, red |
-| `purple-green.css` | Dark | purple, green, red |
-| `purple-green.css` | 暗 | purple, green, red |
+| Theme                  | Light or dark? | Palettes (primary, accent, warn) |
+| ---------------------- | -------------- | -------------------------------- |
+| 主题                   | 亮还是暗？     | 调色板（primary, accent, warn）  |
+| `deeppurple-amber.css` | Light          | deep-purple, amber, red          |
+| `deeppurple-amber.css` | 亮             | deep-purple, amber, red          |
+| `indigo-pink.css`      | Light          | indigo, pink, red                |
+| `indigo-pink.css`      | 亮             | indigo, pink, red                |
+| `pink-bluegrey.css`    | Dark           | pink, blue-grey, red             |
+| `pink-bluegrey.css`    | 暗             | pink, bluegrey, red              |
+| `purple-green.css`     | Dark           | purple, green, red               |
+| `purple-green.css`     | 暗             | purple, green, red               |
 
 These files include the CSS for every component in the library. To include only the CSS for a subset
 of components, you must use the Sass API detailed in [Defining a theme](#defining-a-theme) above.
@@ -341,11 +341,11 @@ theme definitions.
 这些文件包括库中每个组件的 CSS。如果要单独包含这些组件的某个子集的 CSS，你必须使用上面[定义主题](#defining-a-theme)中详述的 Sass API。你可以[参考这些预建主题的源代码][prebuilt]查看完整主题定义的示例。
 
 You can find the pre-built theme files in the "prebuilt-themes" directory of Angular Material's
-npm package \(`@angular/material/prebuilt-themes`\). To include the pre-built theme in your
+npm package (`@angular/material/prebuilt-themes`). To include the pre-built theme in your
 application, [add your chosen CSS file to the `styles` array of your project's `angular.json`
 file][adding-styles].
 
-你可以在 Angular Material 的 npm 包 \( `@angular/material/prebuilt-themes` \) 的 `prebuilt-themes` 目录中找到预构建的主题文件。要在你的应用程序中包含预先构建的主题，[请将你选择的 CSS 文件添加到你项目的 `angular.json` 文件的 `styles` 数组中][adding-styles]。
+你可以在 Angular Material 的 npm 包 ( `@angular/material/prebuilt-themes` ) 的 `prebuilt-themes` 目录中找到预构建的主题文件。要在你的应用程序中包含预先构建的主题，[请将你选择的 CSS 文件添加到你项目的 `angular.json` 文件的 `styles` 数组中][adding-styles]。
 
 [prebuilt]: https://github.com/angular/components/blob/main/src/material/core/theming/prebuilt
 
@@ -440,7 +440,7 @@ to match the components' theme, you can either:
 
    假设你正在使用 `MatSidenav` ，请将应用程序的主要内容放入 `mat-sidenav-container` ，或者
 
-2. Apply the `mat-app-background` CSS class to your main content root element \(typically `body`\).
+2. Apply the `mat-app-background` CSS class to your main content root element (typically `body`).
 
    将 `mat-app-background` CSS 类应用到你主要内容的根元素（通常是 `body` ）。
 
@@ -518,7 +518,7 @@ the number for _less density_.
 Angular Material 的密集度定制是基于 [Material Design 密集度指南](https://m2.material.io/design/layout/applying-density.html)的。该系统定义了一个等级，其中零表示默认密集度。你可以减少该数字以*增加密集度*，增加该数字以*减少密集度*。
 
 The density system is based on a *density scale*. The scale starts with the
-default density of `0`. Each whole number step down \(`-1`, `-2`, etc.\) reduces
+default density of `0`. Each whole number step down (`-1`, `-2`, etc.) reduces
 the affected sizes by `4px`, down to the minimum size necessary for a component to render coherently.
 
 密集度系统基于某个*密集度等级*。此等级以默认密集度 `0` 开始。每个整数递减（`-1`、`-2` 等）都会将受影响的尺寸减小 `4px` ，直至组件连续渲染所需的最小尺寸。