Loading

how to calculate Total amount in Angular 7

how to calculate Total amount in Angular 7

Sujit Sahoo

Sujit Sahoo

7y14.9kAngular

i want to calculate total amount using Angular 7

how to do this

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

archana devi7y ago
Hi Sujit,

Html:
<html>
<table border="1">
  <tr>
    <th>Idth>
    <th>Nameth>
    <th>Amtth>
  tr>
  <tr *ngFor="let emp of data">
    <td>
      {{emp.id}}
    td>
     <td>
      {{emp.name}}
    td>
    <td>
      {{emp.amt}}
    td>
  tr>
   <tr >
    <td>
    td>
     <td>
    td>
    <td>
    {{sum}}
    td>
  tr>
table>
html>
<br><br>
Typescript code
import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {

private sum=0;
private value;
  public data=[
    {
      "id":1,
      "name":"xxxx",
      "amt":100
    },
    {
      "id":2,
      "name":"yyyy",
      "amt":200
    },
     {
      "id":3,
      "name":"zzzz",
      "amt":300
    }
  ];
  constructor(){
     this.add(this.data);
  }
add(data){
  this.value=data
  for(let j=0;j
       this.sum+= this.value[j].amt
       }
}

}
Veerendra Annigere7y ago
1. getTotalAmount() {
2. if (this.yourdatalist) {
3. return this.yourdatalist.map(t => t.Amount).reduce((a, value) => a + value, 0);
4. }
5. return 0;
6. }
8. In View :
10. {{getTotalAmount()}}

Sivakumar Koneti

Sivakumar Koneti7y ago

see the below link u can get clarity

https://stackoverflow.com/questions/47293176/angular-4-in-ngfor-to-calculate-sum-of-total-value?rq=1

Sujit Sahoo

Sujit Sahoo7y ago

i attached a .rar file Desktop.rar contains both html and ts file

Mahesh Verma

Mahesh Verma7y ago

Hi Sujit,

Could you please show your html code and ts file, so that according to it, I will fix it. I want to show your model (properties name).

Thanks

Sujit Sahoo

Sujit Sahoo7y ago

hello Mahesh,

I am working with table.

Here i want to show total amount of all products and if i delete one product then the total value also affected as per product.

Mahesh Verma

Mahesh Verma7y ago

Hi Sujit,

Could you please explain it more, that where you want to calculate Total amount?

You are working with table or any other grid?