String with HTML tags - ng-translate

Question

I'm working on an AngularJS Project and I have a JSON file with all my text in it. I have quite a chunk of text inside it with HTML tags like a break. The problem is when I want to display that text inside my html file it display as plain text like: 'this is text (breaktag<>) I want to use'.

This is the code I'm using to display the text inside my HTML file:

<p translate="requestGenerator.partnershipGenerationOverview.message"></p>

I am using ng-translate.

How can I solve this so that the translate directive uses the HTML tags instead of displaying it with plain text?

stefan · Accepted Answer · 2016-09-19 15:34:08Z

1

angular-translate provides a post compiling option, which you can either activate globally or for specific translations.

Enable post compiling globally:

app.config(function ($translateProvider) {
  $translateProvider.usePostCompiling(true);
});

Enable post compiling for just this translation:

<p translate="requestGenerator.partnershipGenerationOverview.message"
   translate-compile>
</p>

answered Sep 19, 2016 at 15:34

stefan

1818 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

String with HTML tags - ng-translate

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related