簡體   English   中英

Node.js和Mustache.js:如何將服務器端渲染與客戶端胡子模板分開?

[英]Node.js & Mustache.js: How to separate server-side rendering than client-side mustache templating?

在驗證home.html的表單后,我嘗試在服務器端呈現second.html ,然后隨着用戶驗證其中的新表單(多次),將mustache.js保留為second.html模板(更新)部分。

問題:html從服務器端渲染參數,但將髭中的參數視為空字符串

我知道小胡子可以同時適用於服務器端和客戶端,但是我沒有在服務器文件中使用小胡子

服務器端文件

var serverSideParameter = 'server'
res.render('chat.html', { serverSideParameter })

客戶端文件

var clientSideParameter = 'client'
const html = Mustache.render(Template, { clientSideParameter })
document.querySelector('#Container').innerHTML = html;

html文件

<div id="Container"></div>

<p> {{serverSideParameter}} </p>

<script id="Template" type="text/html">
  <p> {{clientSideParameter}} </p>
</script>

輸出:

<div id="Container">
  <p></p>
</div>

<p>server</p>

所需的輸出:

<div id="Container">
  <p>client</p>
</div>

<p>server</p>

我找到了解決方案

將它們定義到客戶端js文件中

res.send()對我不起作用

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM