title: apply bold text on part of string Angular
body: <p>I would like to make a part of my text bold.</p>
  
  <p>I get a text from a specific file.</p>
  
  <p><code>"INFORMATION": "Here's an example of text",
  </code></p>
  
  <p>I would want that <code>Here's an</code> to be bold.</p>
  
  <p><code>"INFORMATION": "&lt;b&gt;Here's an&lt;/b&gt; example of text",</code></p>
  
  <p><code>"INFORMATION": "&lt;strong&gt;Here's an&lt;/strong&gt; example of text"</code></p>
  
  <p>Then I print it</p>
  
  <pre><code>&lt;span translate&gt;INFORMATION&lt;/span&gt;
  </code></pre>
  
  <p>Instead of getting</p>
  
  <p><strong>Here's an</strong> example of text</p>
  
  <p>I get </p>
  
  <pre><code>&lt;b&gt;Here's an&lt;/b&gt; example of text
  </code></pre>
  
  <p>or </p>
  
  <pre><code>&lt;strong&gt;Here's an&lt;/strong&gt; example of text
  </code></pre>
  
  <p><strong>UPDATE</strong></p>
  
  <p>I'm trying innerHTML</p>
  
  <pre><code>&lt;span [innerHTML]="information | translate"&gt;&lt;/span&gt;
  </code></pre>
  
  <p><em>Information is variable containing text</em></p>
  
  <p>but it's ignoring my html tags, it's printing only text</p>