Метод формы увеличения значения поля ввода

У меня проблема, у меня один номер типа поля ввода, когда я нажимаю, чтобы увеличить значение, мое значение в свойстве priceForAllProducts увеличивается. Но я хочу уменьшить значение также при нажатии. Это мой код:

Мой HTML:

<div class = "col-xs-2">
  <input type = "number" id = "numberOfProduct" class = "form-control" placeholder = "Number of product" min = "1" 
    [(ngModel)] = "products.numberOfProduct" (click) = "setPrice( products.price)">

</div>

Мой TypeScript:

  setPrice( price: number) {
    this.priceForAllProducts += price;
  }

При каком условии уменьшить число? Когда увеличивать, а когда уменьшать?

Aragorn 17.12.2018 20:16

У вас должна быть определенная логика, чтобы определить, когда повышать, а когда понижать цену. Возможно, у вас должны быть значки «+» и «-», и, щелкнув их, вы сможете обновить цену по мере необходимости.

nircraft 17.12.2018 20:24

Не могли бы вы привести пример того, как установить значок «+» и «-», и на этом значке я буду устанавливать методы, и это будет сделано.

Kin Jong 17.12.2018 21:34

собственный тип ввода, поскольку число реализовало кнопку увеличения и уменьшения (я думаю, почти во всех современных браузерах), поэтому нет необходимости реализовывать самостоятельно.

t7yang 18.12.2018 02:15
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
0
4
62
0

Другие вопросы по теме