Angular Material v17: "MatFormFieldAppearance" 缺少了 "legacy" 的问题_编程开发

Angular Material v17: "MatFormFieldAppearance" 缺少了 "legacy" 的问题

创始人

2024-10-19 19:33:22

0次

在 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 { }

在你的 HTML 模板中，使用 mat-form-field 元素，并在其中添加 appearance 属性并设置为 "legacy"：

通过以上步骤，你就可以在 Angular Material v17 中使用 "legacy" 样式了。

请注意，"legacy" 样式仅适用于旧版本的 Angular Material，而在 v17 中，推荐使用 "standard" 或 "fill" 样式。

上一篇：Angular Material V16出现了奇怪的行为。

下一篇：Angular Material VirtualScrollViewPort - 异步加载数据

Angular Material v17: "MatFormFieldAppearance" 缺少了 "legacy" 的问题

相关内容

热门资讯