title: Angular2: Escape string inside an html attributre
body: <p>So I'm trying to make use of ng-bootstrap component to integrate bootstrap on my angular 2 app.</p>
  
  <p>Following the tutorial, I created an accordion-like structure to display the articles that I fetch from my server.</p>
  
  <p>The template is like this</p>
  
  <pre><code>&lt;ngb-accordion *ngFor="let article of articles"&gt;
    &lt;ngb-panel title="{{ article.title }}"&gt;
      &lt;template ngbPanelContent&gt;{{ article.summary }}&lt;/template&gt;
    &lt;/ngb-panel&gt;
  &lt;/ngb-accordion&gt;
  </code></pre>
  
  <p>The problem lies in the fact that article.title amd article.summary may contain special html characters like </p>
  
  <pre><code>&amp;quot;
  </code></pre>
  
  <p>So, is there a way to turn this into a single quote (')?
  All the solutions I found thus far are for injecting html inside an element, which is not my case.</p>
  
  <p>Any info will help a lot. 
  Thanks!</p>