angle2 * ngFor配列から特定の値を取得する

Question

私はバックエンドからカートデータを取得するために使用するこのカートコンポーネントを持っています。

import { Component, OnInit } from '@angular/core'; 

import { CartService } from './cart.service'; 

@Component({ 
    selector: 'cart', 
    templateUrl: './cart.component.html', 
    styleUrls: ['./cart.component.css'] 
}) 

export class CartComponent implements OnInit{ 
    carts: any; 
    cartItems: any; 
    totalPrice: Number; 

    constructor(private _cartService: CartService){}; 

    ngOnInit(){ 
     this.getItems(); 
    } 

    getItems(){ 
     this._cartService.getCartItems(localStorage.getItem('currentUserId')) 
      .subscribe((cart) => { 
       this.cartItems = cart.products; 
       this.totalPrice = cart.totalPrice; 
       this.carts = cart; 
       console.log(this.carts) 
      }, 
      (err) => console.log(err)); 
    } 
} 

これは私のオブジェクト値です。私のコンポーネントやループ、それを図のように、私が使用して私のテンプレートでcartItems内のすべての製品を置く

* ngFor

<tbody *ngFor="let cartItem of cartItems"> 

これは

結果であり、今度は1つのアイテムの数量を更新したいのですが、削除ボタンの横にあるリフレッシュボタンを押してからj私はバックエンドに押されたリフレッシュボタンを持っている製品の詳細をust。

どうすればいいですか？

Answer 1

クリックすると、クリック時に呼び出される関数にcartItemが渡されます。今

<tbody> 
    <tr *ngFor="let cartItem of cartItems"> 
     <td>{{cartItem.product}}</td> 
     <td>{{cartItem.size}}</td> 
     <td>{{cartItem.price}}</td> 
     <td>{{cartItem.quantity}}</td> 
     <td>{{cartItem.subtotal}}</td> 
     <td><button (click)="onClick($event, cartItem)">Refresh Button</button></td> 
    </tr> 
</tbody> 

、コンポーネントクラスで動作していない何cartItem

onClick(event, cartItem){ 
    console.log(cartItem); // here your cart item object will be shown 
    // do your stuff here with your cartItem 
}