Машинописный текст: расчет события onChange

Как я могу получить общую стоимость билета, если я изменил количество человек?

HTML-код:

<div class = "row">
    <div class = "col-md-6">
        <label for = "person">Person</label>
        <div class = "form-group">
            <input type = "number" class = "form-control" formControlName = "person" id = "input" (change) = "countPrice($event)">

        </div>
    </div>

<div class = "row">
    <div class = "col-md-6">
        <label for = "price">Price</label>
        <div class = "form-group">
            <input type = "number" class = "form-control" id = "output" formControlName = "price" (change) = "countPrice($event)">>
        </div>
    </div>
</div>

машинописный код:

onDestination(eve) {
  this.http.post(environment.api_url + `/admin/get_price`, {

    "from_city": this.r.from_city.value,
    "to_city": this.r.to_city.value,

  }).subscribe(data => {
    console.info(data);
    this.price = data['data']['price'];
    console.info(this.price);
    this.bookingForm.patchValue({
      'price': this.price
    });
  })
}
countPrice(event) {

}

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

Старайтесь не публиковать всю страницу, а размещайте только соответствующие части вашей проблемы, такой большой код, опубликованный для небольшой проблемы, отпугивает людей даже от его чтения.

KR34T1V 10.04.2019 16:36
Тестирование функциональных 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
1
408
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Похоже, valueChanges может прийти на помощь.

this.bookingForm.get('person').valueChanges.subscribe(num => this.countPrice(num));

Затем countPrice() может реализовать и вернуть вычисление:

countPrice(totalPeople: number): number {
    return this.price * totalPeople;
}

https://angular.io/guide/reactive-forms#managing-control-values

спасибо, сэр, у меня все работает. еще раз спасибо

Arazu Gajera 11.04.2019 06:43

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