title: Angular - Interpolate string with html
body: <p>So i've got a "template string" that looks like this:</p>
  
  <pre><code>var templateString = "Hello my name is {{name}}";
  </code></pre>
  
  <p>The name that I want to interpolate is a in variable. So I proceeded this way:</p>
  
  <pre><code>var miniScope = {
   name: "Chuck"
  };
  
  var sentence = $interpolate(templateString)(miniScope);
  /* sentence: "Hello my name is Chuck" */
  </code></pre>
  
  <p>This works. Now I'd like to <strong>bold</strong> the name. I've obviously tried:</p>
  
  <pre><code>var miniScope = {
   name: "&lt;strong&gt;Chuck&lt;/strong&gt;"
  };
  </code></pre>
  
  <p>But the html code gets escaped. Any idea how I can achieve this?</p>
  
  <p>PS: For those of you who wonder why I don't just put the string in the template, it's because my template string is coming from the server.</p>