how to calculate Total amount in Angular 7

Question

i want to calculate total amount using Angular 7 how to do this

archana devi · Answer

Hi Sujit, Html: html > table border = "1" > tr > th > Id th > th > Name th > th > Amt th > 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 } } }

Sujit Sahoo · Answer

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

Sujit Sahoo · Answer

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 · Answer

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?

Veerendra Annigere · Answer

getTotalAmount() { if ( this .yourdatalist) { return this .yourdatalist.map(t => t.Amount).reduce((a, value) => a + value, 0); } return 0; } In View : {{getTotalAmount()}}

Sivakumar Koneti · Answer

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

Mahesh Verma · Answer

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

how to calculate Total amount in Angular 7

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (7)