For complete instructions on how to initialize your build system, see the FullCalendar Angular Docs »
About this example: the state for events is owned by a NgRx store and reducer. This technique is more tedious to set up than the simple technique but allows the state to be accessed when a FullCalendar component is not rendered.
bash
git clone https://github.com/fullcalendar/fullcalendar-examples.git
cd fullcalendar-examples/angular15-ngrx
npm install
bash
npm run build # build to a directory
npm run start # continously build, as a server
After running the npm run start command, you will be given a localhost URL that can be visited in a browser.
To get this example working within a monorepo, this hack was added to tsconfig.app.json. It can be safely removed if you're not using a monorepo.
json
"paths": {
"@angular/*": ["./node_modules/@angular/*"]
},
To get this example working within StackBlitz, the following hack was added to src/main.ts. It can be safely removed in other environments.
ts
import 'zone.js' // hack for StackBlitz