Module Injection in Angular Schedule

18 Oct 20251 minute to read

To customize the Scheduler with specific views and features, you must import and inject the required modules. The Scheduler provides the following modules to enable its functionalities.

  • DayService - Inject this module to work with day view.
  • WeekService - Inject this module to work with week view.
  • WorkWeekService - Inject this module to work with work week view.
  • MonthService - Inject this module to work with month view.
  • YearService - Inject this module to work with year view.
  • AgendaService - Inject this module to work with agenda view.
  • MonthAgendaService - Inject this module to work with month agenda view.
  • TimelineViewsService - Inject this module to work with timeline day, timeline week, and timeline work week views.
  • TimelineMonthService - Inject this module to work with timeline month view.
  • TimelineYearService - Inject this module to work with timeline year view.
  • DragAndDropService - Inject this module to allow drag and drop of appointments on Scheduler.
  • ResizeService - Inject this module for enabling the resize functionality of appointments on Scheduler.
  • ExcelExportService - Inject this module for exporting the Scheduler events data as excel file format.
  • ICalendarExportService - Inject this module for exporting the Scheduler events data to an ICS file.
  • ICalendarImportService - Inject this module for importing the Scheduler events data from an ICS file.

Module injection

The required modules should be injected into the Scheduler using the @NgModule.providers section within the app.component.ts file as shown below. On doing so, only the injected module functionalities will be loaded and can be worked with Scheduler.

[src/app/app.component.ts]

@NgModule({
    providers: [DayService, WeekService, WorkWeekService, MonthService, AgendaService, MonthAgendaService]
})

Note: If the Scheduler’s currentView property is set to a view for which the corresponding module has not been injected, a script error will occur, and the Scheduler will fail to render.

You can refer to our Angular Scheduler feature tour page for its groundbreaking feature representations. You can also explore our Angular Scheduler example to know how to present and manipulate data.