What does `| translate` mean in String Interpolation?

I have been looking over the Cumulocity IoT Web Development Tutorial and I noticed that the component templates use the keywords | translate within the brackets used for string interpolation, such as:

<label>{{ 'Name' | translate }}</label>

What does the translate keyword do and where does it come from?

I have not seen it in pure Angular, so I imagine it comes from one of Cumulocity’s packages.



should be this one: GitHub - ngx-translate/core: The internationalization (i18n) library for Angular.

The implementing internationalization section in the webSDK documentation should be of interest for you. Specifically the translation pipe can be found here.

1 Like