My API response includes the price of a product, which is represented as {{price}}
I have a system where I can add or reduce the number of products:
<div class="number-input"> <h2>Price: {{price }}</h2>
<button onclick="this.parentNode.querySelector('input[type=number]').stepDown()" >-</button>
<input #qty class="quantity" min="0" max="25" name="quantity" type="number" id="quan" ngModel>
<button onclick="this.parentNode.querySelector('input[type=number]').stepUp()" class="plus">+</button>
</div>
I would like to calculate something like {{price * input.value}}. How can I achieve this in Angular 11?