Partage
  • Partager sur Facebook
  • Partager sur Twitter

Ajout du nombre d'articles dans le panier

Angular v12

    3 septembre 2021 à 12:58:53

    Bonjour,

    Je débute dans le développement sous angular et je réalise un site e-commerce.

    Je suis presqu'à la fin du projet, mais je rencontre un problème au niveau du panier.

    En effet, une fois que l'utilisateur entre l'article qui l'interesse dans le panier, il doit saisir la quantité. C'est seulement après ça qu'il pourra commander.

    Mon problème est que je ne sais pas s'il faut que je mette un [(ngModel)]="quantité" ou autre chose ? 

    Je vous laisse un extrait de mon code avec l'espoir d'obtenir des pistes de solutions.

     <tbody>
                <tr *ngFor = "let tab of tab$; let i = index"> 
                    <td>{{i+1}}</td>
                    <td><img src="{{tab.image}}" alt="image"></td>
                    <td>{{tab.descrFr}}</td>
                    <td>
                        <mat-grid-list cols="1" rowHeight="30px"> 
                            <mat-grid-tile><input type="text" [(ngModel)]="tab.quantity"></mat-grid-tile> 
                        </mat-grid-list>
                    </td>
                    <td>
                        <button (click)="removeItem(tab)"><mat-icon>delete_outline</mat-icon></button>
                    </td>
                </tr>
                <tr>
                    <td colspan="5">
                    <button id="command" (click)="command()">Command</button>      
                    <button id="remove" (click)="emptyCart()">Remove All</button>
                    </td>
                </tr>
                </tbody>
    • Partager sur Facebook
    • Partager sur Twitter

    Ajout du nombre d'articles dans le panier

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown