title: Conditional text formatting for a link in Angular
body: <p>I have an Angular 9 (Ionic) application which is localized. I need to add a checkbox where the user can accept the Terms and Conditions. The label should be a link (partially) where the Terms and conditions text should be underlined:</p>
  <p><a href="https://i.stack.imgur.com/m1yhb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/m1yhb.png" alt="I accept the Terms and conditions" /></a></p>
  <p>The text of the link should come from a json via a translate pipe. However as you can see in the picture above the order of the words can be different in each language. So I would avoid having two (or more) different entries for the separate parts. The best would be to somehow include the formatting inside my translation file, like so:</p>
  <p>en.json:</p>
  <pre><code>{&quot;Terms and Condition text&quot;: &quot;I accept the _Terms and Conditions_&quot;}
  </code></pre>
  <p>hu.json</p>
  <pre><code>{&quot;Terms and Condition text&quot;: &quot;_Általános Szerződési Feltételek_ elfogadása&quot;}
  </code></pre>
  <p>Another option would be to have *<strong>ngIf</strong> or a <strong>ngSwitchCase</strong> for the supported languages but I find that solution very unprofessional.</p>