Angular 角度视图电子邮件消息

Angular 角度视图电子邮件消息,angular,email,Angular,Email,我有一个以spring boot rest服务为后端的angular应用程序。我需要在DB的UI中显示电子邮件消息。这些消息是HTML格式的。我打算使用角度材质模式叠加,并自己编写所有内容,以叠加方式显示消息。但我想知道是否有任何npm包/插件已经做到了这一点。我想看看MS Outlook如何打开电子邮件。有什么建议吗?要使外观和感觉与Outlook相似,您可以编写自定义CSS。您可以通过添加自定义类从后端修改REST服务数据。然后在custom.css文件中添加定义 若您想在html模板中显示

我有一个以spring boot rest服务为后端的angular应用程序。我需要在DB的UI中显示电子邮件消息。这些消息是HTML格式的。我打算使用角度材质模式叠加,并自己编写所有内容,以叠加方式显示消息。但我想知道是否有任何npm包/插件已经做到了这一点。我想看看MS Outlook如何打开电子邮件。有什么建议吗?

要使外观和感觉与Outlook相似,您可以编写自定义CSS。您可以通过添加自定义类从后端修改REST服务数据。然后在custom.css文件中添加定义

若您想在html模板中显示消息,可以尝试使用DomSanitizer。由于安全原因,Angular不允许您呈现HTML。但使用DomSanitizer可以显示HTML模板


内部.ts文件:

import { DomSanitizer } from '@angular/platform-browser';
export class MyComponent{
    public emailInHTMLFormat :any ; 

    constructor(private domSanitizer: DomSanitizer){    }

    getEmailData(){
    
     // Add custom login to get email data from your REST service
     
     this.emailInHTMLFormat = this.domSanitizer.bypassSecurityTrustHtml(YOUR_HTML_DATA); 
    }
}

.html文件内部:

<div [innerHtml]="emailInHTMLFormat"> </div>