热门：华为支持参数分辨率解决方法控制属性启动升级错误平台推荐步骤模式查询运行空间文件夹鼠标图标重启激活联想检查状态应用程序

Angular模板表单校验方法详解

2023-01-22 04:52:07

Angular模板表单校验方法详解

这篇文章主要为大家详细介绍了Angular模板表单校验方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Angular模板表单校验的方法，供大家参考，具体内容如下

1. 创建指令

 ng g directive directives/mobileValidator　

2. html

 
 
 
登录
用户名：
 
 用户名是必填项 
电话：

3. 控制器

 mobileValid: boolean = true; moblieUntouched: boolean = true; onMobileInput(form: NgForm) { if (form) { this.mobileValid = form.form.get('mobile').valid; this.moblieUntouched = form.form.get('mobile').untouched; } }

以上就是Angular模板表单校验方法详解的详细内容，更多请关注易知道|edz.cc其它相关文章！

方法模板表单校验表单用户名

推荐阅读