Write scope within dynamic string

Question

I am working on localization within my angular project. It reads a JSON file which is having key and it's localized value in string.

Like: text1:"Localized text"

This prints "Localized text" on page correctly. But when I need to add some dynamic text in the string, like:

text1: "Showing page {{cur_page_num}} of {{total_pages}} pages"

where the cur_page_num and total_pages values will come from controller. I have tried

"Showing page {{cur_page_num}} of {{total_pages}} pages"

but it's printing {{cur_page_num}} and {{total_pages}} as it is without evaluating it.

Is it about AngularJS (1.x), or Angular (2+). In any case, why are you reinventing this wheel instead of using what already exists? — JB Nizet
– JB Nizet, Commented Apr 17, 2017 at 11:53
Use angular-translate: angular-translate.github.io. Don't reinvent the wheel. — JB Nizet
– JB Nizet, Commented Apr 17, 2017 at 13:18

Ved · Accepted Answer · 2017-04-17 12:02:55Z

2

use ng-bind-html

EX:

<p ng-bind-html="obj.text1"></p>

At this point you may get an error.

attempting to use an unsafe value in a safe context error

you need to either use ngSanitize or $sce to resolve that.

edited Apr 17, 2017 at 12:02

answered Apr 17, 2017 at 11:57

Ved

12.1k5 gold badges46 silver badges61 bronze badges

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

2 Comments

Gaurav Over a year ago

The string is written in JSON so I can not use text1: "Showing page " + {{cur_page_num}}

Ved Over a year ago

@Gaurav this might be your solution.

Santosh · Accepted Answer · 2017-04-17 12:02:44Z

1

try storing the json values in an array . iterate it on html & render it there .

answered Apr 17, 2017 at 12:02

Santosh

2971 gold badge4 silver badges15 bronze badges

Comments

Immanuel Kirubaharan · Accepted Answer · 2017-04-17 11:59:46Z

0

if it is from template then your code should be like this,

text1: "Showing page " + {{cur_page_num}} + " of " + {{total_pages}} + " pages"

or if it is from controller then it can be like below,

text1: "Showing page " + $scope.cur_page_num + " of " + $scope.total_pages + " pages"

answered Apr 17, 2017 at 11:59

Immanuel Kirubaharan

1,1041 gold badge11 silver badges18 bronze badges

2 Comments

Gaurav Over a year ago

It is from JSON file.

Immanuel Kirubaharan Over a year ago

can you share sample json?

Collectives™ on Stack Overflow

Write scope within dynamic string

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related