title: innerHTML with variables angular2
body: <p>I would like to know how I can put variables inside a string and render it with Angular2 ?</p>
  
  <p>Here is my code :</p>
  
  <p>HTML :</p>
  
  <pre><code>&lt;div [innerHTML]="testHTML"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The variable :</p>
  
  <pre><code>public testHTML: string = "&lt;h1&gt;test - {{ variable[0] }}&lt;/h1&gt;";
  </code></pre>
  
  <p>"variable" is an array of string, not null and containing at least 1 value.</p>
  
  <p>And what I get displayed is : </p>
  
  <blockquote>
    <p>test - {{ variable[0] }}</p>
  </blockquote>
  
  <p>H1 is well rendered. but my variables are not interprated !</p>
  
  <p>How can I solve this ?</p>