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

Mar*_*eio 0 email angular-material angular html-templates

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

由于组件标签未呈现.例如,简单的角形材料卡如下.有没有办法这样做?

在此输入图像描述

<mat-card>
  <mat-card-header>
        ...
  </mat-card-header>
  <mat-card-content>
        ...
  </mat-card-content>     
</mat-card>
Run Code Online (Sandbox Code Playgroud)

小智 6

我猜你是用JavaMail之类的东西发送模板,并期望它在Gmail等邮箱或Outlook等邮件客户端中呈现.

如果是这样,这将无效.Angular Material应该只与Angular一起工作,而邮箱和客户端渲染本机HTML元素,因此,不知道是什么<mat-card>意思,因为它是一个自定义元素而不是像本机元素<div>.

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