Logo AngularJS

Tricks AngularJS : Effet flicker du template

Print Friendly and PDF
flattr this!

Quand vous affichez un template avec AngularJS, il peut arriver que vous voyez les expressions s'afficher avant qu'elles soient bindées. Cet effet peut-etre du à un léger ralentissement au moment du lancement de l'appli. On appelle ça un "flicker effect".

Pour éviter ceci, vous pouvez jouer avec la directive ngCloak.

C'est bête comme bonjour et ça limite l'impact sur vos utilisateurs. En gros cette directive balance un style css display: none sur la zone ciblée.

A propos de Mathieu

Ingénieur développeur web dans la vente par correspondance B2B, adepte de nouvelles technologies et d'innovation. Vous pouvez aussi me retrouver sur Twitter @mathrobin
Cette entrée a été publiée dans AngularJS, avec comme mot(s)-clef(s) , . Vous pouvez la mettre en favoris avec ce permalien.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Articles liés