Нажмите здесь, чтобы посмотреть фото
<ion-slide style = "background-color: #2c2b33a3;" class = "kh mkk" *ngFor = "let mon of allmonths | filter:term" (click) = "getDatesInMonth(mon)">
<div class = "monthsremaining" let i = "mon?.month_id">
<div class = "slide">
<h2 class = "cr" [id] = "mon?.month_name" [class.active] = "mon?.month_name === currentMonth"> {{mon?.month_name}} </h2>
</div>
</div>
</ion-slide>
</ion-slides>
<ion-slides style = "background-color: #2c2b33a3;">
<ion-slide style = "background-color: #2c2b33a3;" class = "wq mkk" *ngFor = "let date of dates; let i = index" (click) = "onSetDate('date' + i, 'dete' + i)">
<div class = "slide">
<div class = "gol" [id] = "'date' + i" [class.active] = "date === mydate1">
<p class = "pt" [id] = "'dete' + i"> {{ date }}</p>
<!-- <p>{{mydate1}}</p> -->
</div>
</div>
</ion-slide>
</ion-slides>
<ion-slides style = "background-color: #2c2b33a3;">
<ion-slide class = "khh mkk" *ngFor = "let time of timeslot; let i = index" (click) = "onSetTime('time' + i, time)">
<p [id] = "'time' + i" [class.active1] = "time.timeslot_id >= 18 && time.timeslot_id <= 33"> {{ time.start_time }} </p>
</ion-slide>
</ion-slides>
Вы не объяснили, что вы пробовали, а что не работает. Это неполный вопрос.