Angular Material &ltmat-error&gt在自定义组件中不显示。_编程开发

Angular Material <mat-error>在自定义组件中不显示。

创始人

2024-10-19 13:31:59

0次

要在自定义组件中使用Angular Material的，需要确保自定义组件中的表单控件与位于同一个元素内。

以下是一个示例，展示了如何在自定义组件中使用：

在自定义组件的HTML模板中，确保表单控件和位于同一个元素内：


  
  This field is required

在自定义组件的TypeScript文件中，确保在@Component装饰器中引入MatFormFieldModule：

import { Component } from '@angular/core';
import { MatFormFieldModule } from '@angular/material/form-field';

@Component({
  selector: 'app-custom-component',
  templateUrl: './custom-component.component.html',
  styleUrls: ['./custom-component.component.css'],
  providers: [MatFormFieldModule]
})
export class CustomComponent {
  // Your component code here
}

在使用自定义组件的父组件的HTML模板中，确保引入了和所需的模块：

通过以上步骤，你应该能够在自定义组件中正确显示。确保在自定义组件中正确设置表单控件的验证以及的条件，以便根据需要显示错误消息。

上一篇：Angular mat对话框不保存多个值。

下一篇：Angular Material (8) S2591: 无法找到名称'require'。

Angular Material <mat-error>在自定义组件中不显示。

相关内容

热门资讯

Angular Material &lt;mat-error&gt;在自定义组件中不显示。

相关内容

热门资讯

Angular Material <mat-error>在自定义组件中不显示。