Angular 7 *ngFor Calculate & Display last 3 days time

Question

I would like to calculate and display last 3 days remaining time in a single p tag using angular 7 Here is my code You have remaining time "let item of _objAttendancePage.Attendancelist" >{{item.remainingTime}} min to complete your working hour. Do you want to still punch out ?| After run this code output is like this: You have remaining time 00:25:20,00:30:25,00:40:15 Min to complete your working hour. Do you want to still punch out ? I expect if user logout his session before working hrs completed(last 3 days) Employee Remaining Time List: 1st Day: 00:25:20, 2nd Dat: 00:30:25, 3rd Day: 00:40:15, 4th Day: 01:50:15 and so on I Expect The Final Output Is: You have remaining time 96Min to complete your working hour. Do you want to still punch out ?

Ronika Jency · Answer

Hi, Below is your code executed. After run this code output is like this: You have remaining time 00:25:20,00:30:25,00:40:15 Min to complete your working hour. Do you want to still punch out ? You need below output? 1st Day: 00:25:20, 2nd Dat: 00:30:25, 3rd Day: 00:40:15, 4th Day: 01:50:15 and so on

Ronika Jency · Answer

Hello Vikas, Can you please make your question more clear? Because, In your first line you mentioned like below "display last 3 days remaining time" And last line you mentioned like single time want to show like below. "The Final Output Is: You have remaining time 96Min to complete" Do you need to display 3 day remaining time as separate or 3 days of total remaining time? Which one you need as output?

Vikas · Answer

Hi Ronika, I want to display 3 day remaining time as separate