javascript - 如何将输入标签值传递给(点击)功能并在维修 Angular 8中使用

这是我的component.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;

最佳答案

尝试在文本字段中使用ngModel，我们可以直接在ts文件中访问该值，而无需从html发送。

.html

在html中，您提到了输入type =“ string”，将其更改为输入type =“ text”

<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.
}