Javascript 将包含数据的angularjs模板编译为html

我正在为outlook客户端编写外接程序

想象一下，用户从下拉菜单中选择一个项目，并在撰写电子邮件时选择insert in email

外接程序是使用angularjs编写的，我从服务器端获取json数据。我想根据某个角度模板编译json数据，并获取HTMLdiv对象，以便将其插入电子邮件正文中

我在这里有什么选择，怎么做， 当用户选择在电子邮件正文中插入时，我在客户端有模板和json数据。如何在客户端编译为HTML？如有任何提示或示例，将不胜感激

例如： 假设用户选择Student2并选择在电子邮件中插入 我从服务器获得的json数据是

{ "name":"John", "age":20, "city":"New York", "profilepic":"https://profilepicurl" }

我的模板是

<div>
  <span><b>{{name}}</b><i>{{age}}</i></span>
  <span>{{city}}</span>
</div>

{{name}{{age}
{{城市}

我想得到下面的HTML，这样我就可以在电子邮件中插入

<div>
  <span><b>John</b><i>21</i></span>
  <span>New York</span>
</div>

约翰21
纽约

Html：

<div>
  <span><b>{{myJson.name}}</b><i>{{myJson.age}}</i></span>
  <span>{{myJson.city}}</span>
</div>

---

现在还不清楚您在问什么，但我认为您在问如何从模板文件生成静态HTML。不幸的是，Angular使用双向绑定，并且从不生成静态HTML（也就是说，它从不用静态值替换Angular绑定）。如果您要求的是静态内容，Angular不是合适的框架。我的外接程序或扩展是使用angularjs编写的，是一个在microsoft outlook电子邮件客户端中构建的网站。有一些API可以在电子邮件正文中插入HTML。我们有一个返回JSON负载的服务。因为我们的插件或网站是用angularjs编写的，所以我也想用angularjs编写模板。是否有其他框架可用于从模板生成HTML和填充模板的数据。Angular不“从模板生成HTML”，而是管理DOM以基于JavaScript函数动态重新呈现HTML内容。它不是一个模板引擎，不应该与它们进行比较。关于模板引擎有很多，但为模板引擎提供建议并不是StackOverflow的目标，不幸的是，这不是一个好问题。

$scope.myJson = { "name":"John", "age":20, "city":"New York", "profilepic":"https://profilepicurl" }