Угловая 2 форма форсуночка мин макс валидация

Question

Я использую угловой 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