如何使用 angular 材质创建 html 电子邮件正文 组件。
由于组件标签未呈现。例如简单的角材料卡如下。有什么办法吗？
<mat-card>
<mat-card-header>
...
</mat-card-header>
<mat-card-content>
...
</mat-card-content>
</mat-card>
【问题讨论】：
标签： angular email angular-material html-templates
我刚刚写了一些文章（article 1、article 2）来讨论如何使用 Angular 开发电子邮件模板。
添加了命令行实用程序angular-universalize-email，可以通过npm install angular-universalize-email --save-dev安装。
可以在这里找到demo page。
该模块是全新的，我很确定存在大量问题。但我很乐意收到您和全世界的回复。
【讨论】：
Angular 是一种伪语言。这意味着Angular 使用其他语言（javascript）。它可以被认为是javascript之上的一种库。
Angular components-tags 是伪 HTML 标签，由该组件的 HTML 模板替换为 Angular，由该组件的 javascript 代码修改。
如果你问 Angular 组件是否可以在电子邮件 HTML 正文中呈现，那么你首先需要询问 javascript 是否可以在电子邮件中呈现。 This 和 this 的回答解释了为什么电子邮件程序不呈现 javascript。
Angular 似乎使 Web 应用程序更易于编写和维护。 Web 应用程序和高响应网站 就是这样。
但是使用其他技术（如 .NET MVC、PHP...）创建一个 5 页的小型网站会更快。您不会使用锤子来锯。
使用重复的 HTML 代码创建电子邮件的快速方法是在 .NET MVC 中。 This 问题是关于将视图呈现为 HTML 字符串（可用作电子邮件正文）。
【讨论】：
对于电子邮件模板，您不能使用任何有角度的材质组件，因为当您尝试渲染它们时，它们都将不为人所知。
如果您想创建一个电子邮件模板，您需要纯粹使用 HTML、内联 CSS 和表格元素（如 tr、td）来完成。
【讨论】：
我猜您正在使用 JavaMail 之类的东西发送模板，并希望它在 Gmail 之类的邮箱或 Outlook 之类的邮件客户端中呈现。
如果是这样，这将不起作用。 Angular Material 应该仅在邮箱和客户端呈现原生 HTML 元素时与 Angular 一起使用，因此不知道 <mat-card> 是什么意思，因为它是自定义元素，而不是像 <div> 这样的原生元素。
您可以使用其他基于 Material Design 的 CSS 库生成模板，例如 Material Design Lite 它使用普通的 CSS 类来实现类似的 UI 并将其作为 HTML 电子邮件发送。然后它将在所有客户端和邮箱中正确呈现。
【讨论】：