Angular translate service: HTML tags in string

Question

I have an KEY which contains a string with a HTML tag: Foo <strong>bar</strong> and I'm using the angular translate service:

$translate('KEY').then(function(text) {
    $scope.text = text;
});

As output I get Foo <strong>bar</strong>, but I want to get 'Foo bar'. Is there are way to get this with the translate service?

I already set the sanitize strategy to sanitize, but even this does not help. I know that it works with the translate directive but it doesn't fit to my use case.

Nechemya Kanelsky · Accepted Answer · 2016-02-09 20:40:11Z

2

You can use the ngBindHtml directive:

<div ng-bind-html="text"></div>

answered Feb 9, 2016 at 20:40

Nechemya Kanelsky

6737 silver badges17 bronze badges

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

Comments

glui2001 · Accepted Answer · 2016-02-17 18:22:25Z

-1

You can also use $translateProvider.useSanitizeValueStrategy(param);

https://angular-translate.github.io/docs/#/guide/19_security

answered Feb 17, 2016 at 18:22

glui2001

491 silver badge4 bronze badges

Collectives™ on Stack Overflow

Angular translate service: HTML tags in string

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related