以编程方式将变量插入HTML字符串

Question

Angular是否有任何工具可以实现这一目标？

var html = `<div>{{name}}</div>`;
var data = {name: "wayne"};
????
var result = `<div>wayne</div>`;

Answer 1

如果你问这样的替补？不是真的。

Angular所谓的绑定：

你有一个模型，然后你将变量绑定到该模型，然后，如果模型发生变化，绑定它的值也会发生变化。

您可以尝试几乎任何AngularJS Tutorial来自己尝试。

Answer 2

您可以使用打字稿和[innerHTML]！

严格执行此操作

您的模板将是<div [innerHTML]="setName()"></div>

在你的打字稿中，你将创建一个返回你想要的内容的函数：

data = { name: 'Wayne' }

setName: string () {
  return this.data.name;
}

查看this plunker了解其工作原理的演示。