title: Is there a way to translate dynamic content used as interpolation - Internationalization i18n?
body: <p>I'am using the i18n internationalization for an application and I do have in some components a dynamic messages and text which is being dynamically embedded in the HTML via <code>interpolation</code>. </p>
  
  <p>e.g. here I would like to provide a translation for the variable <strong><code>{{errorMessage}}</code></strong></p>
  
  <pre><code>....
  err =&gt; {
     this.errorMessage = 'Please check your credentials...!';
  }
  ....
  </code></pre>
  
  <p>Is there a way to use/add the translation for this kind of content in the translation files: <strong><code>messages.es.xlf</code></strong> and <strong><code>messages.fr.xlf</code></strong>?</p>
  
  <p>I have been searching and it seems to not be available or at least possible in the actual status/stage of i18n development... <a href="https://github.com/angular/angular/issues/11405" rel="nofollow noreferrer">i18n: Able to use translation strings outside a template</a></p>