Quelle est la différence entre BrowserAnimationsModule et NoopAnimationsModule ?

Question

Avec la nouvelle version d'Angular-Material, vous devez ajouter un module pour Angular-Animations. Vous pouvez choisir entre deux modules : BrowserAnimationsModule et NoopAnimationsModule. Le site guide officiel États :

Certains composants Material dépendent du module d'animations Angular afin de pouvoir afin de pouvoir effectuer des transitions plus avancées. Si vous souhaitez que ces animations fonctionnent dans votre application, vous devez installer le module @angular/animations et inclure le module BrowserAnimations dans votre application. @angular/animations module et inclure le BrowserAnimationsModule dans votre application.

npm install --save @angular/animations
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';

@NgModule({
  ...
  imports: [BrowserAnimationsModule],
  ...
})
export class PizzaPartyAppModule { }

Si vous ne voulez pas ajouter une autre dépendance à votre projet, vous pouvez utiliser le NoopAnimationsModule.

import {NoopAnimationsModule} from '@angular/platform-browser/animations';

@NgModule({
  ...
  imports: [NoopAnimationsModule],
  ...
})
export class PizzaPartyAppModule { }

Je ne comprends pas bien quelle est la différence ici. Il semble que ce soit exactement la même chose :) Quelle est la différence entre les deux modules ?

Answer 1

Comme le nom noop ("no operation") indique que ce module ne fait rien. C'est un module utilitaire qui simule le module d'animation réel, mais qui n'anime pas réellement.

Cela peut être pratique sur les plateformes où l'animation serait trop lente, ou pour les tests unitaires, si l'animation n'est pas impliquée dans ce que vous voulez réellement tester.

Answer 2

BROWSER_ANIMATIONS_PROVIDERS est utilisé pour une application réelle

Séparer les fournisseurs du module actuel afin de pouvoir faire une modification locale. dans Google3 pour les inclure dans le BrowserModule.

BROWSER_NOOP_ANIMATIONS_PROVIDERS est utilisé pour tester

Séparer les fournisseurs du module actuel afin de pouvoir effectuer une modification dans Google3 pour les inclure dans le BrowserTestingModule.