Как проверить отрицательные значения в текстовом поле в угловых 6, используя контроль формы

Question

component.ts

 this.companySettingsForm = this.formBuilder.group({
    'delivary_charge': ['', Validators.compose([Validators.required, ])],  
     });
     this.delivary_charge = this.companySettingsForm.controls['delivary_charge'];
  }

В Component.html я добавил минимальное и максимальное значения, но оно не будет работать

component.html

<input pInputText #value type="number" [formControl]="surcharge" min="1" 
max="9999999999999" class="input-width">

Answer 1

Вы также можете ограничить / проверить отрицательные значения в ваших component.ts, как это

myControl:FormControl = new FormControl();
this.myControl.valueChanges.subscribe(val=>{
  if(val<0){
    // you can check negative values here and do whatever you'd like
    // you can also set the value of your input to null or 0 to prevent negative values 
    // this.myControl.setValue(null);
  }
 });

Answer 2

Вы можете установить минимальную и максимальную длину элемента управления формы, используя Validators.minLength() и Validators.maxLength() в элементе управления формы.

Чтобы проверить отрицательные значенияВы можете использовать Validators.min()

this.companySettingsForm = this.formBuilder.group({
    'delivary_charge': ['', Validators.compose([Validators.required, Validators.minLength(3), Validators.maxLength(10), Validators.min(0)])],  
 });