Node.js 和 Mustache.js：如何将服务器端渲染与客户端 mustache 模板分开？答案

【问题标题】：Node.js & Mustache.js: How to separate server-side rendering than client-side mustache templating?Node.js 和 Mustache.js：如何将服务器端渲染与客户端 mustache 模板分开？
【发布时间】：2019-08-21 14:20:42
【问题描述】：

在验证home.html 中的表单后，我尝试在服务器端渲染second.html，然后在用户验证其中的新表单（多次）时将mustache.js 保留为second.html 中的模板（更新）部分。

问题：html 从服务器端渲染参数，但将 mustache 中的参数视为空字符串

我知道 mustache 可以同时用于服务器端和客户端，但我没有在服务器文件中使用 mustache

服务器端文件

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>

【问题讨论】：

标签： html node.js mustache server-side-rendering client-side-templating

【解决方案1】：

我找到了解决办法

将它们定义到客户端js文件中

res.send() 不适合我

【讨论】：