функция внутри ngFor срабатывает x раз

Question

У меня странная проблема с моим ионным приложением.Я пытаюсь создать модальную страницу, где пользователь может ввести час открытия чего-то.в моем json каждый день.

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

У вас есть идея?

<ion-list *ngFor="let day of json.days">
    <ion-list-header>
        {{day.title}}
    </ion-list-header>
    <ion-grid>
        <ion-row>
            <ion-col col-6><ion-datetime displayformat="HH:mm" pickerformat="HH mm" placeholder="00:00" ></ion-datetime></ion-col>
            <ion-col col-6><ion-datetime displayformat="HH:mm" pickerformat="HH mm" placeholder="00:00" ></ion-datetime></ion-col>
        </ion-row>
    </ion-grid>
    <button ion-button clear (click)="addHours(day.id, $event)">test</button>
</ion-list>




addHours(id,event){
    event.preventDefault();
    event.stopPropagation();
    for (let key in this.json.days) {
        console.log(this.json.days[id]);
    }
}

Спасибо за вашу помощь