replace angular expressions with static values in a string

Question

In an angular controller I have:

var stringTemplate = "{{data.a}} - {{data.b}}";
var data = {a: "example1", b: "example2"};

Is there a way to replace the expressions in stringTemplate with static values from data. So in this case the result should be "example1 - example2".

I need to store this in a database and use later when data is not available.

Values in data and stringTemplate will change.

Tushar · Accepted Answer · 2016-05-25 09:29:43Z

1

You can use Template Literals syntax introduced in ES6.

var data = {
    a: "example1",
    b: "example2"
};

var stringTemplate = `${data.a} - ${data.b}`;

console.log(stringTemplate);

ES5: Using Regex

var data = {
    a: "example1",
    b: "example2"
};

var stringTemplate = "{{data.a}} - {{data.b}}";

stringTemplate = stringTemplate.replace(/\{{(.*?)}}/g, function($0, $1) {
    return data[$1.split('.')[1]] || $0;
});

console.log(stringTemplate);

answered May 25, 2016 at 9:29

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

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

1 Comment

Robbie188 Over a year ago

Thanks for this, haven't come across Template Literals before, will give it a go.

Collectives™ on Stack Overflow

replace angular expressions with static values in a string

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related