Angular 2+设置标准表单字段外观值

Question

我目前在处理表单字段，所以我只为我的输入框使用轮廓外观 (更多详细信息请看这里)。

我不想在每个表单上都复制 appearance=outline，我想知道是否有一种方法可以将轮廓外观设为标准值。

我在API中发现了一个 MAT_FORM_FIELD_DEFAULT_OPTIONS (链接)。但我不知道如何使用它，也没有找到太多的文档。

---

或者我应该在每个表单字段上只保留基本的 appearance="{{defaultAppearance}}" 并设置全局变量，但我仍然需要在每个地方重复这段代码 (但这仍然允许我随时轻松更改样式)。

- Joël-Etienne

Answer 1

在这里找到答案 。

添加此内容：

{ provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: { appearance: 'outline' }}

@ngModule提供者中的内容。

- Joël-Etienne

---

注意：我发现你必须重新启动本地运行的应用程序才能看到这些更改，它们不会通过热重载传递。 - Ollie

我将这段代码添加到了我的 AppModule 类中，同时我还需要在文件顶部添加以下内容：import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field'; - John Gilmer