Как я могу напечатать сообщение «NO SLOTS», если в массиве этой конкретной даты в angular нет элементов?

Question

у меня есть проект, в котором я отображаю временные интервалы (следующие 7 дней) врача, и я получаю массив, состоящий из объектов типа scheduleTime.

export class ScheduleTime{
    date: string;
    hours: number;
    minutes: number;
}

теперь я показываю эти слотов пациенту.

мой html код для отображения слотов:

    <div *ngFor="let todayDate of dates; let z = index" class="dateBox">
        <div style="margin-bottom: 10px;">{{fullDate[z] | date: 'fullDate'}}</div>
            <div *ngFor="let time of ScheduleTime; let i = index">
                <div *ngIf="time.date != todayDate">No available Slots</div>
                     <div *ngIf="todayDate == time.date">
                         <div class="timeSlots" [style.background-color]="startSelect>0 && endSelect>0 && i>startSelect && i<endSelect?'rgb(207, 200, 238)':null" [ngClass]="{'startClass': time.hours == st.sh && time.minutes == st.sm && startDate == time.date, 'endClass': time.hours == et.eh && time.minutes == et.em && startDate == time.date}"
                         (click)='timeSelector(time,i,todayDate)'>
                         {{time.hours}}:{{time.minutes | zero}}
                             </div>
                  </div>
             </div>
             <br>
         <hr class="timeBoxHr">
    </div>

теперь проблема в том, что если нет временного интервала для этой конкретной даты, он должен отображаться текст без временных интервалов

То, что я сделал до сих пор, это

Если todayDate и дата в массиве не совпадают, то выведите сообщение «Нет доступных слотов», иначе распечатайте слоты.

ПРОВЕРИТЬ ЭТО ИЗОБРАЖЕНИЕ: на этом изображении у меня есть 5 элементов в массиве, и показаны соответствующие временные интервалы

Answer 1

вы можете использовать привязку свойств для добавления сообщения. например, в коде html напишите так {{message}}, а в коде машинописного текста вы можете присвоить ему значение с помощью this.message = "Извините! Нет доступных слотов"