• Overview
@angular/platform-browser/animations/async

provideAnimationsAsync

function

Returns the set of dependency-injection providers to enable animations in an application. See animations guide to learn more about animations in Angular.

API

  
    function provideAnimationsAsync(  type?: "animations" | "noop"): EnvironmentProviders;
  
  

provideAnimationsAsync

Returns the set of dependency-injection providers to enable animations in an application. See animations guide to learn more about animations in Angular.

When you use this function instead of the eager provideAnimations(), animations won't be rendered until the renderer is loaded.

@paramtype"animations" | "noop"

pass 'noop' as argument to disable animations.

Description

Returns the set of dependency-injection providers to enable animations in an application. See animations guide to learn more about animations in Angular.

When you use this function instead of the eager provideAnimations(), animations won't be rendered until the renderer is loaded.

Usage Notes

The function is useful when you want to enable animations in an application bootstrapped using the bootstrapApplication function. In this scenario there is no need to import the BrowserAnimationsModule NgModule at all, just add providers returned by this function to the providers list as show below.

          
bootstrapApplication(RootComponent, {  providers: [    provideAnimationsAsync()  ]});
Jump to details