javascript - 将 Angular 表达式替换为字符串中的静态值

Question

在 Angular Controller 中我有:

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

有没有办法用data中的静态值替换stringTemplate中的表达式。因此，在本例中，结果应为“example1 - example2”。

我需要将其存储在数据库中，并在数据不可用时使用。

data 和 stringTemplate 中的值将会更改。

Answer 1

您可以使用Template Literals ES6 中引入的语法。

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

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

console.log(stringTemplate);

<小时/>

ES5:使用正则表达式

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);