title: Can I get the inner html of an element before interpolation in Angular
body: <p>I want to get the original html of a HTMLElement before Angular does any property binding or interpolation. If possible I would also have the option to replace the text by another (with the same variables). I want to use the original text as a key to provide translations.</p>
  
  <p>For instance if I have:</p>
  
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
    selector: 'my-component',
    template: '&lt;div&gt;Color: {{ color }}&lt;/div&gt;',
  })
  export class AppComponent  {
    color = 'blue';
  }
  </code></pre>
  
  <p>I would like to get <code>Color: {{ color }}</code> instead of <code>Color: blue</code>.</p>
  
  <p>The reason is that we are currently having a hybrid app with old translation files that would look like this (eg. a UK version):</p>
  
  <pre><code>msgid "Color: {{ color }}"
  msgstr "Colour: {{ color }}"
  </code></pre>
  
  <p>So it needs the original string since that's used as the key. So I just created a simple service that passes the information along to the old upgraded service so we can keep using the old translation files for now.</p>