Angular模板驱动表单未执行最小值验证。 _程序开发

创始人

2024-10-28 13:31:56

0次

在表单控件上添加min属性，并在模板中加入ngModel验证器，实现最小值验证。示例如下：

HTML模板代码：


  年龄：
  

  
    年龄不能为空！
    年龄不能小于18岁！

TypeScript代码：

age: number;

onSubmit() {
  console.log(this.age);
}

通过给表单控件添加min属性和ngModel验证器，可以实现年龄不能小于18岁的最小值验证。在模板中加入错误提示信息，当年龄输入不符合要求时可以提示用户。在TypeScript代码中，可以通过this.age获取用户输入的年龄信息。

四分钟操作！宁夏划水辅助，宝宝... 四分钟操作！宁夏划水辅助，宝宝游戏辅助，德州教程（有挂详情）-哔哩哔哩进入游戏-大厅左侧-新手福利-...

第8分钟总结！边锋干瞪眼脚本，... 第8分钟总结！边锋干瞪眼脚本，开心泉州免费辅助器，技巧教程（有挂解密）-哔哩哔哩开心泉州免费辅助器辅...

九分钟指引！川娱竞技插件，冰球... 九分钟指引！川娱竞技插件，冰球突破辅助软件，细节揭秘（有挂方法）-哔哩哔哩1、玩家可以在冰球突破辅助...

第三分钟阶段！上饶中至能操控吗... 第三分钟阶段！上饶中至能操控吗，兴动互娱辅助工具，必胜教程（证实有挂）-哔哩哔哩1、玩家可以在上饶中...

三分钟窍要！飞驰娱乐软件科技，... 三分钟窍要！飞驰娱乐软件科技，九酷众游软件，我来教教你（有挂透视）-哔哩哔哩1、首先打开飞驰娱乐软件...

第一分钟指南！传送屋激k万能辅... 第一分钟指南！传送屋激k万能辅助器app，海贝之城有辅助吗，总结教程（有挂方法）-哔哩哔哩；1、完成...

4分钟教材！天天炫斗辅助工具，... 4分钟教材！天天炫斗辅助工具，518互游辅助，新2025版（证实有挂）-哔哩哔哩1、游戏颠覆性的策略...

第2分钟秘籍！纳祥游戏科技，竹... 第2分钟秘籍！纳祥游戏科技，竹间茶馆辅助，新版2025教程（有挂工具）-哔哩哔哩小薇（透视辅助）致您...

八分钟妙招！微信小程序雀神广东... 八分钟妙招！微信小程序雀神广东辅助器，微信边锋辅助下载，总结教程（有挂方针）-哔哩哔哩亲，关键说明，...

4分钟课程！微新欢乐卡五星辅助... 4分钟课程！微新欢乐卡五星辅助，友友联盟辅助脚本，安装教程（有挂讲解）-哔哩哔哩进入游戏-大厅左侧-...