Angular Translate - using an angular expression as the key

Question

First I will try to write down what I'm trying to do, then if you guys can't understand or actually need code to fully understand what I want, I will post a code example. I'm trying to translate a content using Angular Translate, but using a angular expression as the key. {{ 'key' | translate }} in this case, since I'm pulling information out of a service, then transfering that info into a controller so I can push into the html, I need to know if it's possible to do that.

so like,

{{ '{{product.productDetails}}' | translate }}

So in this case what's coming out of the product.producDetails would be some content, and that content would serve as a key to be translated depending upon the language selected by the person.

Anyways, Let me know if someone can help. Thanks Renan

Aleksey L. · Accepted Answer · 2016-08-02 07:30:19Z

1

It even simpler than you thought:

{{ product.productDetails | translate }}

Here's working demo

edited Aug 2, 2016 at 7:30

answered Aug 2, 2016 at 7:17

Aleksey L.

38.4k11 gold badges86 silver badges90 bronze badges

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

1 Comment

Renan Cidale Over a year ago

Thank you Aleksey L, that worked like a charm ;). totally simpler than I thought hehe.

marc_s · Accepted Answer · 2016-10-01 20:23:40Z

1

There is a syntax error.

Instead of

{{ '{{product.productDetails}}' | translate }}

just use this

{{ 'product.productDetails' | translate }}

and there should be json object which map the keys with the actual text messages and provide that json object to translateprovider and give translation name bellow is sample .

Example:

var englishTranslations = {'productDetails':'please enter product details'}

$translateProvider.translations('en', englishTranslations);

$translateProvider.preferredLanguage('en');

edited Oct 1, 2016 at 20:23

marc_s

760k186 gold badges1.4k silver badges1.5k bronze badges

answered Aug 2, 2016 at 7:24

Ashish Patel

9411 gold badge10 silver badges28 bronze badges

Collectives™ on Stack Overflow

Angular Translate - using an angular expression as the key

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related