angular 2 formbuilder min max validation

Question

我正在使用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] 
     }); 
    } 

Answer 1

这应该做你想要什么：

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

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