title: Angular Translate HTML tags
body: <p>I know this has been asked here before but none of the answers seem to work for my case</p>
  
  <p>I bought this theme <a href="https://wrapbootstrap.com/theme/angle-bootstrap-admin-app-angularjs-WB04HF123" rel="noreferrer">Angle</a> which is working with Angular 1.4.2 and Angular translate 2.6.0 (even updated to last 2.7.2)</p>
  
  <p>The template by default has the Translate module on it</p>
  
  <p>This is the config file </p>
  
  <pre><code>  $translateProvider.useStaticFilesLoader({
        prefix : 'app/i18n/',
        suffix : '.json'
    });
    $translateProvider.preferredLanguage('es');
    $translateProvider.useLocalStorage();
    $translateProvider.usePostCompiling(true);
     // Enable escaping of HTML
    $translateProvider.useSanitizeValueStrategy('sanitize'); // I added this line based on Docs wasn't before
  </code></pre>
  
  <p>And the translation files in JSON format</p>
  
  <pre><code>  {
     "page": {
      "PAGES_WELCOME" : "Welcome to &lt;br&gt; MY APPLICATION, HEY THERE IS A BR TAG BEFORE ME"
    },
  
    "login": {
      .
      .
      .
      .
    },
  </code></pre>
  
  <p>But i cannot add HTML tags inside the text, on the JSON file, instead of getting </p>
  
  <p><strong>Welcome to
  MY APP</strong></p>
  
  <p>I'm getting </p>
  
  <p><strong>Welcome to &lt; br > MY APP</strong></p>
  
  <p>How can i fix this?</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>I do NOT want to remove the tags, my JSON file is modified by the backend, and it can and will contain HTML Tags, i want those tags to work on the output.</p>
  
  <p><strong>JADE Example Where the content is binding</strong></p>
  
  <pre><code>div(class="col-lg-4 col-md-4 col-sm-4 col-xs-12 footer-left")
    p(class="text-center") 
      {{ 'page.PAGES_WELCOME' | translate }} 
  </code></pre>