Angular 2+-加载电子邮件模板

时间:2018-12-06 18:24:31

标签: angular typescript

这是我目前正在email.ts文件中处理的屠杀:

fullEmailTemplate(payToName, categoryName, amount) {
return "<!DOCTYPE HTML>\n" +
  "<html>\n" +
  "<head>\n" +
  "\n" +
  "<!-- Responsive Meta Tag -->\n" +
  "<meta name=\"viewport\" content=\"width=device-width; initial-scale=1.0; maximum-scale=1.0;\" />\n" +
  "\n" +

等等,这是一个巨大的电子邮件模板,这就是为什么我不在此处复制所有内容的原因。

存在的问题是滞后了我的IDE。

我如何拥有一个单独的文件,例如email-template.html,然后将其加载到该函数中?


编辑:诀窍在于,由于电子邮件模板很多,我希望每个模板都有一个html。

在一个ts文件中如何工作?

2 个答案:

答案 0 :(得分:0)

您可以改用ECMAScript6的新功能(使用`)

fullEmailTemplate(payToName, categoryName, amount) {
    return `
        <!DOCTYPE HTML>
            <html>
                <head>
                    <!-- Responsive Meta Tag -->`

答案 1 :(得分:0)

是的,您可以从另一个类中导出模板,并在需要的地方导入。例如:

export class EmailTemplates {
        template1 = `<!DOCTYPE HTML><html><head><!-- Responsive Meta Tag --><!DOCTYPE 
       HTML> 
             <html><head><!-- Responsive Meta Tag -->`;
       };

导入此类并使用其中的template1。EmailTemplates.template1