javascript - 如何将html和js文件分离并显示内容？

Question

我有一个代码如下:

var info = {
    "Company": "ABC",
    "Team": "JsonNode",
    "Number": 4,
    "Time": "1 day"
};

var layout = "<ol><li>Info: </li><ol><ul>Company:       {{info.Company}}</ul><ul>Team: {{info.Team}}</ul></ol><li>Number: {{info.Number}}</li><li>Time: {{info.Time}}</li><ol>";

function generatePdf(layout,info) 
{
    var wkhtmltopdf = require('wkhtmltopdf');
    console.log('generating pdf');
    wkhtmltopdf(layout, {
       //console.log('debug');
       output: './file.pdf',
       "viewport-size": "1280x1024",
       "page-width": "400",
       "page-height": "600"
    });
}
generatePdf(layout,info); 

现在我可以生成 pdf 文件，但 pdf 文件的内容不正确。是:

    1. Info:
    Company: {{info.Company}}

    Team: {{info.Team}}
    2. Number: {{info.Number}}
    3. Time: {{info.Time}}

我的问题是:

1:如何将html模板(var布局)分离到一个文件。

2:info.Company必须是ABC，info.Number必须是4

请帮帮我!

Answer 1

请像这样重新排列您的布局变量并检查

var layout = "<ol><li>Info: </li><ol><ul>Company:"+info.Company+"</ul><ul>Team: "+info.Team+"</ul></ol><li>Number:"+info.Number+"</li><li>Time:"+info.Time+"</li><ol>";