Question

我试图调用* ngfor中的函数，但它重复数据绑定。如何调用ngfor循环中的函数

我的浏览product.html

       <ion-item ion-item *ngFor="let product of productlist">
            <ion-thumbnail item-left>
                <img src={{product.picturePath}}>
            </ion-thumbnail>
            <ion-grid>
                <ion-row>
                    <ion-col width-60>
                        <h2>{{product.name}}</h2>
                        <p>500 GM</p>
                        <p>$100</p>
                    </ion-col>
                    <ion-col width-40>

                        <ion-icon name="remove-circle"></ion-icon>
                        </button>     -->
                        <span item-right >GetProductQuanityByCustomer(product.id)</span>
                    </ion-col>

                </ion-row>
            </ion-grid>
        </ion-item>
    </ion-list>
</ion-content>

我的product.component.ts文件

GetProductQuanityByCustomer(productId:number)
{ 
    this._productservice.GetProductQuantityByCustomer( productId,122 ).subscribe( p=>this.productQuantity=p )
    return this.productQuantity;
}

Answer 1

我会从代码调用它并分配给组件中的变量。

productQuantity: number = 0;
.
.
.

productQuantity = GetProductQuanityByCustomer(number)

但根据https://angular.io/docs/ts/latest/guide/template-syntax.html。您可以使用表达式：

{{GetProductQuanityByCustomer(product.id)}}

如何在Angular2中调用ngFor中的函数

1 个答案: