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获取用户输入的年龄信息。

第3分钟实锤！智星德州菠萝（w... 第3分钟实锤！智星德州菠萝（wepower德州）本来是有挂（详细辅助新2025教程）1、用户打开应用...

第4分钟实锤！德扑数据软件（德... 第4分钟实锤！德扑数据软件（德州扑克）切实真的是有挂（详细辅助2025新版技巧）1、金币登录送、破产...

3分钟实锤！智星德州菠萝开挂（... 3分钟实锤！智星德州菠萝开挂（德州ai）都是是有挂（详细辅助技巧教程）1、构建自己的智星德州菠萝开挂...

第9分钟实锤！德扑之星猫腻（手... 第9分钟实锤！德扑之星猫腻（手机德州）切实是真的有挂（详细辅助扑克教程）；1、首先打开德扑之星猫腻最...

6分钟实锤！德州ai人工智能（... 6分钟实锤！德州ai人工智能（线上wpk德州）好像真的是有挂（详细辅助详细教程）1、玩家可以在德州a...

九分钟实锤！智星德州菠萝开挂（... 九分钟实锤！智星德州菠萝开挂（来玩德州app）都是存在有挂（详细辅助细节方法）1、在智星德州菠萝开挂...

第五分钟实锤！德扑ai助手（线... 第五分钟实锤！德扑ai助手（线上德州）果然是真的有挂（详细辅助新2025教程）；所有人都在同一条线上...

第八分钟实锤！德州之星有辅助挂... 第八分钟实锤！德州之星有辅助挂（德州）其实是有挂（详细辅助攻略教程）1、进入到德州之星有辅助挂黑科技...

第9分钟实锤！德扑ai智能机器... 第9分钟实锤！德扑ai智能机器人（线上德州）一直有挂（详细辅助介绍教程）德扑ai智能机器人辅助器中分...

第十分钟实锤！德扑数据软件（n... 第十分钟实锤！德扑数据软件（nzt德州）一直真的有挂（详细辅助2025版教程）1、首先打开德扑数据软...