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]);
    }
}

谢谢您的帮助