在 Angular Material v17 中,MatFormFieldAppearance 的选项包括 "standard" 和 "fill",缺少了 "legacy" 选项。如果你想使用 "legacy" 样式,可以通过以下方法进行解决:
首先,确保你的 Angular Material 版本升级到 v17 或更高版本。
在你的组件中,导入 MatFormFieldModule 并添加到 imports 数组中:
import { NgModule } from '@angular/core';
import { MatFormFieldModule } from '@angular/material/form-field';
@NgModule({
imports: [
// 其他导入项
MatFormFieldModule
],
// 其他组件配置项
})
export class YourModule { }
mat-form-field 元素,并在其中添加 appearance 属性并设置为 "legacy":
通过以上步骤,你就可以在 Angular Material v17 中使用 "legacy" 样式了。
请注意,"legacy" 样式仅适用于旧版本的 Angular Material,而在 v17 中,推荐使用 "standard" 或 "fill" 样式。