как передать значение входного тега в функцию (click) и использовать в сервисе angular 8

Question

Это мой компонент. html, здесь я хочу получить значение из поля ввода numberQuantity и передать его (щелкнуть) функции и использовать в сервисной функции "removeProduct".

<input #numberQuantity type="string" name="quant" id="numberQuantity" >

                <button (click)="removeProduct(user, numberQuantity.value)">Remove quantity</button> 

Это моя часть кода cart.service

async removeProduct(productData, value){
var removeItem;
 console.log(value);
 removeItem = productData['quantity'];
 removeItem = removeItem -value;

Answer 1

Попробуйте использовать ngModel для текстового поля, где мы можем получить доступ к значению непосредственно в файле ts компонента без отправки из html.

. html

In html, вы упомянули тип ввода = "строка", измените его на тип ввода = "текст"

<input #numberQuantity type="text" name="quant" id="numberQuantity" [(ngModel)]="quantityValue" >
<button (click)="removeProduct(user)">Remove quantity</button> 

.ts

quantityValue: string;

removeProduct(user) {
   console.log(this.quantityValue); // we can access quantityValue here since it is declared as ngModel in html
   ...
   ...
   // We can call a method in service from here by sending this.quantityValue to service method.
}