angular 2 formbuilder min max 验证答案

【问题标题】：angular 2 formbuilder min max validationangular 2 formbuilder min max 验证
【发布时间】：2017-07-26 09:22:49
【问题描述】：

我正在使用 angular 2 formbuilder 创建一个表单。我只想在金额字段中输入正值。（minValue 为 0，maxvalue 为 100）如何使用 angular2 formbuilder 执行最小和最大验证。

HTML 代码

 <form class="form-horizontal"
              novalidate
              (ngSubmit)="splitCharges()"
              [formGroup]="splitChargeForm" >
    <input  type="number" id="sequenceId"  placeholder="Amount" formControlName="amount"  >
 </form>

角度分量

 constructor(private fb: FormBuilder){}

 ngOnInit() {
        this.splitChargeForm = this.fb.group({
          amount: ['', Validators.required],   // want to set min=0 and max=100 validations for this field
          percentage: ['', Validators.required]
        });
    }

【问题讨论】：

标签： javascript angular angular2-formbuilder

【解决方案1】：

这应该做你想做的：

amount: ['', [Validators.required, Validators.min(0), Validators.max(100)]],

另见https://angular.io/guide/form-validation#component-class-1

【讨论】：

@KetanAkbari minLength 和 maxLength 据我了解不是问题所在。