Angular 如何使用角材料组件创建Html电子邮件模板

如何使用角度材质创建html电子邮件正文 组件

因为组件标记没有呈现。例如，简单的角材质卡片如下。有什么办法吗

...
...

我猜您是在使用JavaMail之类的东西发送模板，并希望它能够在Gmail之类的邮箱或Outlook之类的邮件客户端中呈现

如果是这样，这就行不通了。Angular Material应该只在邮箱和客户端呈现本机HTML元素时才使用Angular，因此，不知道

是什么意思，因为它是一个自定义元素，而不是像

那样的本机元素

---

您可以使用基于材质设计的其他CSS库生成模板，例如使用普通CSS类来实现类似的UI，并将其作为HTML电子邮件发送。然后，它将在所有客户端和邮箱中正确呈现。

我猜您正在使用JavaMail之类的东西发送模板，并希望它在Gmail之类的邮箱或Outlook之类的邮件客户端中呈现

如果是这样，这就行不通了。Angular Material应该只在邮箱和客户端呈现本机HTML元素时才使用Angular，因此，不知道

是什么意思，因为它是一个自定义元素，而不是像

那样的本机元素

---

您可以使用基于材质设计的其他CSS库生成模板，例如使用普通CSS类来实现类似的UI，并将其作为HTML电子邮件发送。然后它将在所有客户端和邮箱中正确渲染。

对于电子邮件模板，您不能使用任何角度材质组件，因为当您尝试渲染它们时，它们都是未知的

---

如果您想创建电子邮件模板，您需要纯粹使用HTML、内联CSS和表格元素（如tr、td）来创建电子邮件模板。

对于电子邮件模板，您不能使用任何角度材质组件，因为当您尝试渲染它们时，它们都是未知的

---

如果你想创建一个电子邮件模板，你需要纯粹使用HTML、内联CSS和像tr、td这样的表格元素来创建。Angular是一种伪语言。这意味着

Angular

使用其他语言（

javascript

）。它可以被看作是

javascript

之上的一种库

Angular

components标记是伪HTML标记，由该组件的HTML模板替换为

Angular

，并由该组件的javascript代码修改

如果您询问是否可以在电子邮件HTML正文中呈现角度组件，那么首先需要询问是否可以在电子邮件中呈现

javascript

。并进一步解释为什么电子邮件程序不呈现javascript

Angular

似乎使web应用程序更易于编写和维护。对于web应用程序和高响应性网站来说，就是这样。 但使用其他技术（如.NETMVC、PHP等）创建一个5页的小型网站会更快。您不能使用锤子来锯

---

使用重复HTML代码创建电子邮件的快速方法是在.NETMVC中。问题是如何将视图呈现为HTML字符串（可以用作电子邮件正文）。

Angular

是一种伪语言。这意味着

Angular

使用其他语言（

javascript

）。它可以被看作是

javascript

之上的一种库

Angular

components标记是伪HTML标记，由该组件的HTML模板替换为

Angular

，并由该组件的javascript代码修改

如果您询问是否可以在电子邮件HTML正文中呈现角度组件，那么首先需要询问是否可以在电子邮件中呈现

javascript

。并进一步解释为什么电子邮件程序不呈现javascript

Angular

似乎使web应用程序更易于编写和维护。对于web应用程序和高响应性网站来说，就是这样。 但使用其他技术（如.NETMVC、PHP等）创建一个5页的小型网站会更快。您不能使用锤子来锯

---

使用重复HTML代码创建电子邮件的快速方法是在.NETMVC中。问题是如何将视图呈现为HTML字符串（可以用作电子邮件正文）。

我刚刚写了一些文章（，）来讨论如何使用Angular开发电子邮件模板

添加了一个命令行实用程序，可以通过

npm安装通用化电子邮件--save dev

安装它

你可以在这里找到一本书

---

这个模块是全新的，我敢肯定会有很多问题。但是我喜欢听到你和全世界的回音。

我刚刚写了一些文章（，）来讨论如何使用Angular开发电子邮件模板

添加了一个命令行实用程序，可以通过

npm安装通用化电子邮件--save dev

安装它

你可以在这里找到一本书

---

这个模块是全新的，我敢肯定会有很多问题。但我喜欢听到你和全世界的回音。

我同意，但这需要更多的时间（转换材质css和内衬），必须有更好的方法。我同意，但这需要更多的时间（转换材质css和内衬），必须有更好的方法。

<mat-card>
  <mat-card-header>
        ...
  </mat-card-header>
  <mat-card-content>
        ...
  </mat-card-content>     
</mat-card>