首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Angular form在使用ng-zorro的init上不显示错误

是因为ng-zorro的表单验证需要手动触发。在Angular中,ng-zorro的表单验证需要使用FormControl来进行控制。

首先,确保你已经正确引入了ng-zorro的表单模块,并在组件中导入相关的表单模块。

然后,在组件中创建一个FormControl对象,并将其与ng-zorro的表单控件绑定。例如,如果你有一个输入框,可以这样创建FormControl对象:

代码语言:txt
复制
import { FormControl } from '@angular/forms';

// 在组件中创建FormControl对象
public myControl: FormControl = new FormControl();

// 在模板中将FormControl对象与ng-zorro的表单控件绑定
<input nz-input [nzErrorStateMatcher]="matcher" [formControl]="myControl">

// 在组件中创建一个错误匹配器
public matcher = {
  isErrorState: (control: FormControl): boolean => {
    return control.invalid && control.touched;
  }
};

这样,当表单控件的值无效且被触摸时,ng-zorro的表单验证错误信息就会显示出来。

另外,ng-zorro还提供了其他的表单验证功能,如自定义验证器、异步验证等。你可以参考ng-zorro的官方文档来了解更多关于表单验证的内容。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)、腾讯云云数据库MySQL版、腾讯云对象存储(COS)。

腾讯云云服务器(CVM):提供高性能、可扩展的云服务器,适用于各种应用场景。详情请参考:腾讯云云服务器

腾讯云云数据库MySQL版:提供稳定可靠的云数据库服务,支持高可用、备份恢复等功能。详情请参考:腾讯云云数据库MySQL版

腾讯云对象存储(COS):提供安全可靠的云端存储服务,适用于存储、备份、归档等场景。详情请参考:腾讯云对象存储(COS)

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的沙龙

领券