服務人員的pug模板引擎

Question

我編譯了一個pug模板temp1.js使用下面的命令。

哈巴狗--client --no調試temp1.pug

編譯的文件包含一個名爲模板。我想要的功能要知道如何在我的服務人員使用此文件。意味着如何調用這個函數。有沒有辦法改變函數名稱。

temp1.js

function template(locals) {var pug_html = "", pug_mixins = {}, pug_interp;pug_html = pug_html + "\u003C!DOCTYPE html\u003E\u003Chtml\u003E\u003Chead\u003E\u003Cmeta charset=\"utf-8\"\u003E\u003Cmeta http-equiv=\"content-language\" content=\"en\"\u003E\u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no\"\u003E\u003Cmeta name=\"format-detection\" content=\"telephone=no\"\u003E\u003C\u002Fhead\u003E\u003Cbody\u003E\u003Cdiv class=\"mfw pDDetail\" id=\"buyPage\" data-role=\"page\"\u003E\u003Cdiv class=\"mfw\"\u003E\u003C\u002Fdiv\u003E\u003Cdiv class=\"imgGal wd100 lf tc\"\u003E\u003Cdiv id=\"mobilePdGal\"\u003E\u003Cul active=\"0\" style=\"transform: translateX(0px)\"\u003E\u003Cli style=\"display:inline-block;position:relative\"\u003E\u003C\u002Fli\u003E\u003C\u002Ful\u003E\u003C\u002Fdiv\u003E\u003C\u002Fdiv\u003E\u003Cdiv class=\"firstFold dp\" id=\"pHeaderId\"\u003E\u003Cdiv class=\"price-n-project\"\u003E\u003C\u002Fdiv\u003E\u003C\u002Fdiv\u003E\u003C\u002Fdiv\u003E\u003C\u002Fbody\u003E\u003C\u002Fhtml\u003E";;return pug_html;} 

Answer 1

要使用template功能包括：temp1.js在您的網頁，然後調用template()，這將使HTML字符串，可以附加到DOM：

<script src="temp1.js"></script> 
<script> 

    var model = { templateName: 'Template 1' }; 
    var html = template(model); 
    $('body').append(html); 

</script> 

temp1.pug我用來生成temp1.js的模板文件有一個data mo刪除單個變量，templateName。您的temp1.pug模板文件的數據模型可能有多個變量，或者根本沒有。

// temp1.pug 
p This is #{templateName} 

模板函數名稱

如果要更改模板函數名作爲你生成temp1.js使用--name選項：

pug --client --no-debug temp1.pug --name "myTemplate"

，那麼你會致電myTemplate({/* ... */})在您的頁面中呈現HTML。

例如：Pug Template Function