Articles

Affichage des articles du juin, 2017

Internet Explorer n'aime pas Angular: le drame du ng-if et de ng-animate

Mes bras sont un peu tombés violemment quand j'ai vu ce problème. En gros, sur un projet sur lequel je suis, j'ai créé un composant angular qui affiche un texte et qui le remplace sur une condition par une progress-bar. Et c'est un élément qui se met dans l'entête d'un autre composant. Et on revient vers moi pour me signaler un effet de "shacking" sous IE. Et effectivement, c'est avec stupeur que je voyais les éléments de la page se déplacer en bas puis en haut violemment et rapidement quand on passait d'un état à l'autre du texte au progress-bar. J'ai pu alors m'apercevoir que pendant un court instant, le texte ET la barre de progression apparaissait en même temps ! Et j'étais très surpris car j'utilisais sur les deux éléments un "ng-if". Autrement dit, il ne pouvait avoir qu'un seul élément à la fois dans la page HTML ! Pour illustrer ça, j'ai fait un petit Jsfiddle:  https://jsfiddle.net/roc...