Angular 2 : Calculate sum of an element in ngFor

Question

我正在尝试计算 ngFor 之外的总计(金额总和)。

HTML

 <div *ngFor="let item of items">
    <input type="text" [(ngModel)]="item.price">  
    <input type="text" [(ngModel)]="item.quantity" (ngModelChange)="item.amount=item.quantity*item.price">
    <input type="text" [(ngModel)]="item.amount">    
</div>
<input type="text" [(ngModel)]="totalAmount">

抄写

getTotal() {
    let total = 0;
    for (var i = 0; i < this.items.length; i++) {
        if (this.items[i].amount) {
            total += this.items[i].amount;
            this.totalamount = total;
        }
    }
    return total;
}

当我调用 getTotal() 函数时，它返回总计。但是，我如何在文本框中调用它？或任何其他方法。

谁能帮我解决这个问题吗？

Answer 1

您始终可以使用单向绑定(bind) {{ }} 绑定(bind)到模板上的函数。

在你的代码中，如果你想调用你的函数并将其直接绑定(bind)到你的 View ，你可以这样做:

<input type="text" value='{{ getTotal() }}' />