Angular translate innerHTML with params

mtx picture mtx · Sep 21, 2018 · Viewed 8.5k times · Source

I would like to translate a source text containing <a> tag with url param, the string text example:

STRING_TEXT = 'some text <a href={{url}}>some link name</a>'

I know there it is possible to translate

<div [innerHTML]="'STRING_TEXT' | translate"></div>

as described in docs.

but how I could include url param in this situation?

Answer

Ludevik picture Ludevik · Sep 21, 2018

translate pipe takes parameter object which is context for the translation message, you can pass this param as:

<div [innerHTML]="'STRING_TEXT' | translate: {url: someVariableOnComponent}"></div>

See the docs