如何使用 Jade / Pug 渲染内联 JavaScript?

2024-04-29

我正在尝试使用 Jade (http://jade-lang.com/) 让 JavaScript 在我的页面上呈现

我的项目是在 NodeJS 和 Express 中进行的,一切都正常工作,直到我想在头部编写一些内联 JavaScript。即使采用 Jade 文档中的示例,我也无法让它工作,我错过了什么?

玉模板

!!! 5
html(lang="en")
  head
    title "Test"
    script(type='text/javascript')
      if (10 == 10) {
        alert("working")
      }
  body

在浏览器中生成的渲染 HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <title>"Test"</title>
  <script type="text/javascript">
    <if>(10 == 10) {<alert working></alert></if>}
  </script>
</head>
<body>
</body>
</html>

这里肯定有什么想法?


只需使用“script”标签并在其后加一个点即可。

script.
  var users = !{JSON.stringify(users).replace(/<\//g, "<\\/")}

https://github.com/pugjs/pug/blob/master/packages/pug/examples/dynamicscript.pug https://github.com/pugjs/pug/blob/master/packages/pug/examples/dynamicscript.pug

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 Jade / Pug 渲染内联 JavaScript? 的相关文章

随机推荐