角度2 formbuilder最大最大驗證

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