Angular-calendar: Found the synthetic property @collapse

Created on 19 Sep 2018 · 2Comments · Source: mattlewis92/angular-calendar

Describe the bug

Console Error in month view when day clicked when using @colapse with custome templates

ERROR Error: Found the synthetic property @collapse. Please include either "BrowserAnimationsModule" or "NoopAnimationsModule" in your application.
    at checkNoSyntheticProp (vendor.js:64340)
    at EmulatedEncapsulationDomRenderer2.push../node_modules/@angular/platform-browser/fesm5/platform-browser.js.DefaultDomRenderer2.setProperty (vendor.js:64324)
    at BaseAnimationRenderer.push../node_modules/@angular/platform-browser/fesm5/animations.js.BaseAnimationRenderer.setProperty (vendor.js:62708)
    at DebugRenderer2.push../node_modules/@angular/core/fesm5/core.js.DebugRenderer2.setProperty (vendor.js:50274)
    at setElementProperty (vendor.js:47021)
    at checkAndUpdateElementValue (vendor.js:46972)
    at checkAndUpdateElementInline (vendor.js:46919)
    at checkAndUpdateNodeInline (vendor.js:49268)
    at checkAndUpdateNode (vendor.js:49234)
    at debugCheckAndUpdateNode (vendor.js:49871)

Minimal reproduction of the problem with instructions

Screenshots

Versions
0.26.2

Source

kamihamiha123

Most helpful comment

You need to import the animation and add it to your component like so:

import { collapseAnimation } from 'angular-calendar';

// add this to your component metadata
animations: [collapseAnimation]

mattlewis92 on 19 Sep 2018

👍3

All 2 comments

You need to import the animation and add it to your component like so:

import { collapseAnimation } from 'angular-calendar';

// add this to your component metadata
animations: [collapseAnimation]

mattlewis92 on 19 Sep 2018

👍3

For anyone else googling this, you also need to add the following to your app module:

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
.
.
.
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    ....
  ],