Question

所以我有问题。我需要根据* ngFor循环中的动态数据动态计算tag.price的总和，以及sub total和vat。以下是我的html和ts代码。 sub total，total和vat值将在此块下方的循环之外。任何帮助将不胜感激。

 <tr *ngFor="let tag of locations">

 <td align="center"><span style="font-size: 17px;" class="menu-icon 
 icon-file-text2"></span></td>

 <td>{{tag.title}}</td>

 <th>{{tag.listingType}}</th>

 <th>{{ tag.size }}</th>

 <td>KSH {{tag.price | amount:locale}}</td>

 <td>KSH {{tag.price | amount:locale}}</td>

 </tr>


 // component ts
 setTags(id:any, title:any, price:any, listingType:any, size:any){
this.locations.push({
  title: title,
  id: id,
  price: price,
  listingType: listingType,
  size: size
});

}

Answer 1

您可以使用打字稿中的函数~~，也可以绑定表达式。~~

功能：

<div>
  {{ locationsSum() }}
</div>

public locationsSum() {
  return this.locations.map(tag => tag.price).reduce((a, b) => a + b, 0);
}

~~表达：~~

~~<div> {{ locations.map(tag => tag.price).reduce((a, b) => a + b, 0) }} </div>~~

我不确定“小计”和“增值”是什么意思，但是假设这些是基于价格的计算，则概念应该相同。

编辑：我最初发布的Expression选项不起作用。有关更多信息，请参见https://github.com/angular/angular/issues/14129。

来自* ngFor循环的角和动态数据，以获取总计，小计和增值税值（％16）

1 个答案: