相关疑难解决方法(0)

Angular 2 Final中的最小/最大验证器

根据thinkgram.io,目前支持的验证器是:

  • 需要
  • 使用MINLENGTH
  • 最长长度
  • 图案

所以,考虑下面的代码(这里是plunkr):

@Component({
  selector: 'my-app',
  template: `

  <form #formRef="ngForm">
    <input type="number" [(ngModel)]="firstValue" name="firstValue" min="0" required/>
    <input type="text" [(ngModel)]="secondValue" maxlength="5" name="secondValue" required/>
    <button type="submit"> Submit </button> 
  </form>

  FORM: {{formRef.form | json }}
`
})
export class AppComponent { 
  firstValue = -22;
  secondValue = "eyy macarena!"; 
}
Run Code Online (Sandbox Code Playgroud)

虽然minlength支持,但min="0"角度验证会忽略它:

在此输入图像描述

在此输入图像描述

因此,要在firstValue ngModel <0时使表单导致错误,我是否需要构建自定义验证器?

validation typescript angular2-forms angular

36
推荐指数
8
解决办法
10万
查看次数

标签 统计

angular ×1

angular2-forms ×1

typescript ×1

validation ×1