Ceci est mon component.html, ici, je veux obtenir la valeur du champ de saisie numberQuantity et la transmettre à la fonction (cliquer) et l'utiliser dans la fonction de service "removeProduct".

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

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

Ceci est ma partie du code cart.service

async removeProduct(productData, value){
var removeItem;
 console.log(value);
 removeItem = productData['quantity'];
 removeItem = removeItem -value;
2
Abhishek 22 janv. 2020 à 19:04

1 réponse

Meilleure réponse

Essayez d'utiliser ngModel dans le champ de texte, où nous pouvons accéder à la valeur directement dans le fichier ts du composant sans envoyer depuis html.

.html

En html, vous avez mentionné input type="string", remplacez-le par input 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.
}
3
Gangadhar Gandi 22 janv. 2020 à 16:20