在 script 标签内传递 response.render 的值

Question

以下是pug sn-p。我需要在chatConfig 对象中动态填充user。

 script.
  var chatConfig = {
    user : 'foo',
    pass : 'bar',
  }

从我的快递，我呈现为

  resp.render('user/index', {username:req.user});

如何将req.user 的值传递给script. 内的user 键？

Answer 1

Brmmmm 是在正确的轨道上，但是您需要让您的 JavaScript 将变量用作对象，而不是变量。您可以对变量进行字符串化以使其作为 JavaScript 对象工作。

doctype html
html(lang='en')
  head
    title Jade
    - var test = {prop1: "Hi there", prop2: "Another test"};
    script(type='text/javascript').
      var test2 = !{JSON.stringify(test)};
      console.log(test2, test2.prop1, typeof test2);
  body
    h1 Jade - template engine
    #container.col
      p I'm some Jade

Live Example;检查浏览器控制台/Codepen 控制台以查看 console.log 语句的输出。

Answer 2

我认为应该是这样的：

script.
  var chatConfig = {
    user : '${username}',
    pass : 'bar',
  }