Добавить значение в переменную, объявленную в TypeScript ngfor в html - PullRequest
Новая
       15

Добавить значение в переменную, объявленную в TypeScript ngfor в html

0 голосов
/ 01 мая 2019

Я объявил переменную в моем файле ts и в html-файле. Я использую ngfor, и мне нужно увеличить переменную, объявленную в ts, каждым элементом из ngfor, возможно ли это? 

<tbody>
  <tr *ngFor="let item of invoiceItems">
    <td>{{item.ItemName}}</td>
    <td>{{item.ItemNetPrice}}</td>
    <td>{{item.ItemAmount}}</td>
    <td>{{item.ItemName}}</td>
    <td>{{item.ItemVATRate}}</td>
    <td>{{item.ItemName}}</td>
    <td>{{item.ItemName}}</td>
    <td>{{item.ItemName}}</td>
    <td>{{item.ItemName}}</td>
    <td>{{item.ItemName}}</td>
    {{netto += item.ItemNetPrice}}
  </tr>
</tbody>

Нетто моя переменная

1 Ответ

1 голос
/ 01 мая 2019

Измените ваш HTML, как показано ниже 

    <div *ngFor ="let item of invoiceItems; let i = index">
    <td>{{item.ItemName}}</td>
    <td>{{item.ItemNetPrice}}</td>
    <td>{{item.ItemAmount}}</td>
    <td>{{item.ItemName}}</td>
    <td>{{item.ItemVATRate}}</td>
    <td>{{item.ItemName}}</td>
    <td>{{item.ItemName}}</td>
    <td>{{item.ItemName}}</td>
    <td>{{item.ItemName}}</td>
    <td>{{item.ItemName}}</td>
    {{getTotal(i)}}
     </div>

и создайте метод getTotal в вашем машинописном файле, как показано ниже 

getTotal(i) {
return this.invoiceItems.slice(0,i +1).map(rec => rec. ItemNetPrice).reduce((prev, curr) => prev + curr, 0);
}
...