title: How to make specific part of a string bold in Angular 2
body: <p>I have an HTML code as below:</p>
  
  <pre><code>&lt;div class="row"&gt;
        &lt;div class="col-12" style="margin-top:15px;margin-bottom:10px"&gt;
              {{"description" | translate}}
        &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am using <code>ngTranslate</code> to translate the description. The description is a key from my translation file, and the value of the key will be displayed.</p>
  
  <p>The description will look like as below: "click cancel to cancel or click confirm to proceed". </p>
  
  <p>I want to make the first cancel and confirm in the description to bold. How can I do that using css and angular 2? </p>