Angular 8 ввод числа мин / макс

Question

У меня есть приложение Angular 8. То, что я хочу сделать, это не позволить пользователю устанавливать какие-либо другие значения при вводе чисел, кроме как в диапазоне 0-100

Я думал что-то вроде этого

<input type="number" [ngModel]="value" (ngModelChange)="validateValue($event)">

и

value = 100;

validateValue(event: number) {
    if (event > 100) {
      this.value = 100;
    } else if (event < 0) {
      this.value = 0;
    } else {
      this.value = event;
    }
}

Когда есть 100, и я удаляю последний di git и пишу 5 (так что теперь у меня должно быть 105), он сделает волшебные c и изменит значение на 100.

Когда я при помощи курсора выбираю целое число и пишу, например, 105, он тоже сделает волхвы c.

Однако. когда я использую шаговые стрелки или курсор, выбираю последний ди git и меняю последний ди git, волхвов c не происходит.

Почему это не работает?

Answer 1

Вы можете попробовать это:

public value;

  validateWhite(event: number) {

    if (event > 100) {
      this.value = 100;
    } else if (event < 0) {
      this.value = 0;
    } else {
      this.value = event;
    }
  }

В шаблоне:

<input type="number" [(ngModel)]="value" (ngModelChange)="validateWhite($event)">

Это хорошо работает для меня:)

Answer 2

Попробуйте использовать атрибуты Min и Max.

   <input type="number" min="1" max="5">

Это не позволяет ступенчатым стрелкам превышать число