title: Highlight specific text in Angular 2
body: <p>I have a text something like: </p>
  
  <pre><code>LOREM IPSUM 
  
  DOLOR SIT amet, 
  
  1. consectetuer adipiscing elit. Aenean commodo LIGULA EGET dolor. Aenean massa. Cum sociis natoque penatibus
  
    SUMMERY: ET MAGNIS DIS 
  
   PHASELLUS VIVERRA NULLA
  
   LUCTUS PULVINAR, HENDRERIT ID
  
  2. parturient montes, nascetur ridiculus mus. Donec quam  
  
    SUMMERY: FELIS, ULTRICIES NEC. 
  
  3. Pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede  
  
    SUMMERY: ET MAGNIS DIS 
  
   PHASELLUS VIVERRA NULLA
  
  vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede
  
  MOLLIS PRETIUM.
  </code></pre>
  
  <p>Now i want to color that specific capitalized text started with SUMMERY, that mean i have to color</p>
  
  <p><em>SUMMERY: ET MAGNIS DIS 
   PHASELLUS VIVERRA NULLA
   LUCTUS PULVINAR, HENDRERIT ID</em></p>
  
  <p><em>SUMMERY: FELIS, ULTRICIES NEC.</em></p>
  
  <p><em>SUMMERY: ET MAGNIS DIS 
   PHASELLUS VIVERRA NULLA</em></p>
  
  <p>How can i do that? Or how can i get those value in array of string? array should looks like: </p>
  
  <pre><code>["SUMMERY: ET MAGNIS DIS 
  
   PHASELLUS VIVERRA NULLA
  
   LUCTUS PULVINAR, HENDRERIT ID", "SUMMERY: FELIS, ULTRICIES NEC.", "SUMMERY: ET MAGNIS DIS 
  
   PHASELLUS VIVERRA NULLA"]
  </code></pre>