Disabled animation on load

[andy200486]

Is it possible to not render the animation on load of the application ?

When the page load, the animation is rendered on the div where i set your component, but i won’t...

Could you help me please ?

[jiayihu]

If you do not make any state transition, as defined in the animation usage, then it won't animate on render. Also be sure to have an initial state and not undefined

[madhavan-sundararaj]

Is there any solution for this issue yet?

Thanks

[kepelrs]

My solution on Angular 8

import { trigger, transition, useAnimation } from '@angular/animations';
import { flash } from 'ng-animate';

@Component({
    selector: "my-component",
    templateUrl: "my-component.html",
    styleUrls: ["my-component.scss"],
    animations: [trigger("flash", [transition("0 <=> 1", useAnimation(flash))])]
})
export class MyComponent {
    flash = false;

    triggerFlash() {
        this.flash = !this.flash;
    }
}