在表单控件上添加min属性,并在模板中加入ngModel验证器,实现最小值验证。示例如下:
HTML模板代码:
年龄: 年龄不能为空! 年龄不能小于18岁! 提交
TypeScript代码:
age: number; onSubmit() { console.log(this.age); }
通过给表单控件添加min属性和ngModel验证器,可以实现年龄不能小于18岁的最小值验证。在模板中加入错误提示信息,当年龄输入不符合要求时可以提示用户。在TypeScript代码中,可以通过this.age获取用户输入的年龄信息。
上一篇:Angular模板驱动表单控件-即使我编辑了表单数据,“Dirty”属性仍然不会改变为true。
下一篇:Angular模板驱动表单中的正则表达式验证