根据事件时间将日历事件添加到自定义日历-Angular 6

Question

我创建了一个有角度的日历，每个div都具有日期/日期值和时间值

this.getSoundFile(audioType)

div内的值的示例：

 <div  *ngFor="let day of weekDaysArray" class="calendar-table__week-days">
      <div *ngFor="let time of workingHoursArray; let i = index" class="calendar-table__week-days__slots"
        [ngClass]="{'hour-square-class': time.includes('00', 2) && i != 0 }"  (mousemove)="onMouseHover($event, day, time)" (mouseout)="onMouseOut()">  

      </div>
    </div>

Result （对不起，RTL）

现在，当每个对象看起来像这样时，我将拥有一个事件对象数组：

    day = "Monday 5/11/2"
    time = "12:00"
--------------------------
    day = "Monday 5/11/2018"
    time = "12:15"   
--------------------------
    day = "Tuesday 6/11/2018"
    time = "18:15"

所以我试图实现的每个事件都将像这样显示： Wanted result

在过去的几天里，我很伤脑筋，我怎样才能达到这个结果，所以任何建议/指导我将如何做到这一点。