jquery - Angular 将页面转换为可下载或通过电子邮件发送的 html

Question

本质上，我想做的是加载一个用作 html 电子邮件模板的模板。我正在构建一个phonegap应用程序并使用接受html的电子邮件编辑器。我想通过加载模板并简单地将其导出到静态 html 来构建 html 消息。我知道我可以以编程方式进行此转换，但为了干燥、明智的代码，我正在寻找一个更强大的解决方案。我创建了一个指令来获取模板并将其注入(inject)到隐藏 div 中的当前 View 中。然后我使用 jquery 获取该 div 并将该 html 传递给我的电子邮件发送器。

我的问题是，jquery 抓取的实际上是包含 Angular 模板占位符的模板代码，而不是实际值。例如，假设 $scope.username = "Jason";

我需要的是:

<h3>hello Jason, </H3>

我得到的是:

<h3>hello {{username}}, </h3>

我已经对一种方法进行了广泛的搜索，该方法可以简单地让我用实际值替换所有模板标签。任何帮助都将非常有值(value)。

Answer 1

如果您使用 Angular，请尽可能避免使用 jQuery。相反，只需使用 Angular 函数来获取您需要的 HTML。这是一篇文章，展示了如何使用 javascript 来获取 dom 的一部分，因此只需将其放入您的 Angular fn 中即可。

How to get the HTML for a DOM element in javascript

如果您真的坚持使用 jQuery，有很多关于如何创建使用 jQuery 的指令的帖子。