как контролировать входное значение быть целым в реактивной форме - PullRequest
Новая
       15

как контролировать входное значение быть целым в реактивной форме

0 голосов
/ 19 апреля 2019 
<input
  #valueRef
  tabindex="1"
  type="number"
  step="1"
  name="value"
  id="value"
  placeholder="Enter value"
  class="form-control"
  formControlName="value"
  [ngClass]="{ 'is-invalid': submitted && adjForm.controls['value'].errors && !this.data.isAdjAccount }"
/>

Я установил шаг ввода как 1, но он по-прежнему поддерживает ввод десятичного числа, я хочу показать следующее: когда вы открываете это из и вводите значение в это поле ввода, пользователь запрещает вводить только десятичные дроби.допустимо целое число.

1 Ответ

0 голосов
/ 19 апреля 2019

Попробуйте это 

<input type="text" class="form-control" placeholder="Enter value" id="txtvalueRef"   name="valueRef" #valueRef="ngModel"          pattern="[0-9]*">

   <div [hidden]="valueRef.valid || valueRef.pristine"    class="alert alert-danger">
            <div [hidden]="!valueRef.hasError('pattern')">Items should be only numbers</div>
    </div>
...