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

provideAnimationsAsync

function
deprecatedsince v20.2

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

Deprecation warning

Use animate.enter or animate.leave instead. Intent to remove in v23

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.

@deprecated

Use animate.enter or animate.leave instead. Intent to remove in v23

@paramtype"animations" | "noop"

pass 'noop' as argument to disable animations.

@returnsEnvironmentProviders

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