angularjs - JS string containing interpolation

Question

Let's say my web app is getting an json response from the backend like the following:

[
    {id:1, description: 'this is an example 1, **value is ###**'},
    {id:2, description: 'this is an example 2, **value is ###**'},
    {id:3, description: 'this is an example 3, **value is ###**'}
]

There is some formatting syntax here. Text surrounded by ** means bold.

This part is easy. I just need to search ** and replace it with <b></b>, and then in the template I use ng-bind-html.

Now there is ###. That means I have to replace it with some dynamically-changing variable. We can do this easily in the template if the entire string is hard-coded:

<div>this is example 1, value is {{someVariable}}</div>

How do I construct such string from Javascript?

Please share the output against the array you have shared in your question. Also, what other inputs should go into this logic? — gurvinder372
– gurvinder372, Commented Jan 24, 2018 at 6:46
Actually, replacing ### is much simpler than replacing {{someVariable}} — Bergi
– Bergi, Commented Jan 24, 2018 at 7:21

charlietfl · Accepted Answer · 2018-01-24 06:57:38Z

2

Could use a custom filter something like:

angular.module('myApp')
  .filter('htmlReplace', function() {
    // `input` is the description string, otherVar is `someVariable` in view
    return function(input, otherVar) {
       let html = input.replace(...// do your replacing           
       return html;
    }
  })

View

<div ng-bind-html="obj.description | htmlReplace: someVariable"></div>

edited Jan 24, 2018 at 6:57

answered Jan 24, 2018 at 6:46

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

Collectives™ on Stack Overflow

angularjs - JS string containing interpolation

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related