Sådan optimerer du dine angular js-templates

9. januar 2018

Ved at optimere dine AngularJS templates kan du opnå reduceret brug af hukommelse og CPU-time. Vores Senior Frontend Developer, Jacob Overgaard, forklarer hvordan i dette blogindlæg.

Dette er et uddrag af et længere blogindlæg. Læs hele blogindlægget på IMPACTs publikation på Medium

I dette indlæg vil jeg fortælle om nogle fundamentale konfigurationer af AngularJS, som kan anvendes på mange forskellige websites.

Mine fem primære take aways er følgende:
  1. Brug ”ng-blind”-directive i stedet for template extentions. På den måde bliver dine statements gemt i cache.
  2. Brug den one time-bindende ”::variable”, når det er muligt.
  3. Vælg ”ng-if”-directive i stedet for ”ng-show”-directive.
  4. Husk at bruge “classNameFilter” på “$animateProvider”, hvis du bruger ngAnimate.
  5. Læs guiden til Running an AngularJS app in production