Я хотел бы рассчитать и отобразить оставшееся время последних 3 дней в одном теге p, используя angular

<p>You have remaining time <span *ngFor="let item of _objAttendancePage.Attendancelist">{{item.remainingTime}}</span>  to complete your working hour. Do you want to still punch out ?|</p>

После выполнения вышеупомянутого кода вывод выглядит следующим образом: У вас есть оставшееся время 00: 25: 20,00: 30: 25,00: 40: 15 минут для завершения вашего рабочего часа. Вы все еще хотите ударить?

I expect if user logout his session before working hrs completed(last 3 days)

Employee Remaining Time List (Attendancelist: array):
1st Day: 00:25:20,
2nd Day: 00:30:25,
3rd Day: 00:40:15,
4th Day: 01:50:15 and so on 

Я ожидаю, что окончательный результат:

You have remaining time 95Min to complete your working hour. Do you want 
to still punch out ?
-1
Vikas 10 Окт 2019 в 09:32
1
Можете ли вы показать нам код и указать, где вы застряли?
 – 
sander
10 Окт 2019 в 09:34
Опубликуйте свою попытку
 – 
Pandiyan Cool
10 Окт 2019 в 09:55

2 ответа

Насколько я понимаю, вы хотите просуммировать все минимальные значения в «Списке посещаемости», а затем отобразить окончательное значение суммы.

Вы должны использовать для этого Angular Pipe. это будет примерно так

<p>You have remaining time 
<span >{{_objAttendancePage.Attendancelist|sum}}</span>  
to complete your working hour. Do you want to still punch out ?|</p>

Здесь '| sum' - это канал, который вам нужно создать. обратитесь к этому https://angular.io/guide/pipes#custom-pipes

0
Ravin Singh D 10 Окт 2019 в 09:57
Привет, Рэвин, я хочу отобразить оставшееся время 3 дня отдельно
 – 
Vikas
10 Окт 2019 в 12:25
Можете ли вы предоставить пример вывода. Не можете понять, чего пытаетесь достичь
 – 
Ravin Singh D
10 Окт 2019 в 13:06

Думаю, это пригодится вам @Vikas. Мое решение HTML-код ниже,

<p>I expect if user logout his session before working hrs completed(last 3 days)</p><br />
<br />
<p>Employee Remaining Time List (Attendancelist: array):</p>
<p *ngFor="let time of empRemTimes; index as day">
  Day - {{day+1}}: {{time}}<span *ngIf="empRemTimes.length!=day+1">,</span>
  <span *ngIf="empRemTimes.length==day+1"> and so on</span>
</p>
<p>You have remaining time {{sumMins}}Min to complete your working hour. Do you want fto still punch out ?</p>

Код компонента ниже,

empRemTimes = ['00:01:12', '00:00:45', '00:01:00', '00:00:10'];
sumMins = 90; // SUM the above array value set this variable

Для бывшего: stackblitz.

Заключительный ОП ниже,

I expect if user logout his session before working hrs completed(last 3 days)



Employee Remaining Time List (Attendancelist: array):

Day - 1: 00:01:12,
Day - 2: 00:00:45,
Day - 3: 00:01:00,
Day - 4: 00:00:10 and so on

You have remaining time 90Min to complete your working hour. Do you want fto still punch out ?
0
Jai Kumaresh 29 Окт 2019 в 17:23
Привет, Джай, спасибо за ценный ответ, но я решил свою проблему :)
 – 
Vikas
18 Дек 2019 в 09:59