How to overcome the infinite loop on method of property binding

Issue replication step:

1. In src/app.component.html file.

   [workDays]="getWorkDays()"
   

2. In src/app.component.ts file.

   public getWorkDays() {
     let workDays = [1,2,3];
     return workDays;
   }
   

To prevent the schedule re-rendering

1. Need to import the ‘ChangeDetectionStrategy’ package from the ‘@angular/core’ in the app.component.ts file as follows, like below.

   import { Component, ChangeDetectionStrategy } from '@angular/core';
   

2. Use ‘ChangeDetectionStrategy.OnPush’ as shown in the following code snippet.

@Component({
   selector: ‘app-root’,
   providers: [WeekService, MonthService, ResizeService, DragAndDropService],
   changeDetection: ChangeDetectionStrategy.OnPush
})

 Please refer to the example from the following GitHub link.