Donc j'ai quelques modèles différents qui sont placés dans ng-view, et chaque modèle est animé en utilisant la nouvelle directive ng-animate. Chaque modèle a son propre CSS, et je dois trouver un moyen d'empêcher les collisions de CSS, de sorte qu'une déclaration h1 dans le modèle1 s'applique uniquement au modèle1, et non au modèle2.
Les options que je connais actuellement sont soit de réécrire le CSS juste avant qu'il ne soit servi à la page pour cibler un élément parent, que je pourrais définir comme un ID correspondant au modèle. L'autre option, moins souhaitable, est d'utiliser des iframes, ce qui signifie que j'aurais plusieurs instances de l'application fonctionnant en même temps, chacune dans son propre iframe.
Y a-t-il d'autres options là-bas? Quel est le meilleur moyen de résoudre le but d'isoler chaque déclaration CSS?
