是因为ng-zorro的表单验证需要手动触发。在Angular中,ng-zorro的表单验证需要使用FormControl来进行控制。
首先,确保你已经正确引入了ng-zorro的表单模块,并在组件中导入相关的表单模块。
然后,在组件中创建一个FormControl对象,并将其与ng-zorro的表单控件绑定。例如,如果你有一个输入框,可以这样创建FormControl对象:
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)
领取专属 10元无门槛券
手把手带您无忧上云