Question

这是我目前正在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文件中如何工作？

Answer 1

您可以改用ECMAScript6的新功能（使用`）

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

Answer 2

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

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

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

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

2 个答案: