anchor.diff:    attached to it:
   
     Quand nous inspectons le DOM d'une application Angular en cours d'éxécution avec le mode d'encapsulation de vue émulée actif,
  -  nous voyons que chaque élément du DOM a quelques attributs supplémentaires:
  +  nous voyons que chaque élément du DOM a quelques attributs supplémentaires&nbsp;:
   
   code-example(format="").
     &lt;hero-details _nghost-pmm-5>
  
positive.code:       Refer to the module bundler's documentation for information on
        loading CSS in this manner.
  
        Nous utilisons la propriété `styles` et **non* la propriété `styleUrls`!
        C'est module d'empaquetage qui chargera le contenu du CSS, et non Angular.
        Angular ne voit que le contenu CSS *après* que le module d'empaquetage l'ait chargé.
        Pour Angular, tout ce passe comme si nous avions écrit le tableau `styles` à la main.
        Se référer à la documentation des modules d'empaquetage pour de l'information sur le chargement de CSS selon ce procédé.
  
negative.code:   to our Angular applications directly.
  
    Les applications Angular 2 sont mises en forme avec le langage CSS standard.
    Cela signifie que nous pouvons directement appliquer à ces applications tout ce que
    nous connaissons des feuilles de style CSS, des sélecteurs, des règles et des requêtes média (@media).
  
    On top of this, Angular has the ability to bundle *component styles* with our components enabling a more modular design than regular stylesheets.
  
    Par ailleurs, Angular permet de packager les *styles des composants* avec les composants ce qui favorise une conception plus modulaire que l'utilisation classique des feuilles de styles.
  
    In this chapter we learn how to load and apply these *component styles*.
  
    Dans ce chapitre, nous allons apprendre comment charger et appliquer ces *styles*.
  
    # Table Of Contents
  
  