设置临时变量并将其在pug模板中进一步使用

Question

我试图将一些值从我的nodejs / express后端传递到模板中（使用 res.render（{...}）），将其存储在一些变量中，然后将其传递直到前端为止（用例是我需要对传递的值进行一些适度的计算并将它们存储在一些中间变量中）

我知道我可以在哈巴狗文件中做到这一点

block append script
  script.
    const foo = parseInt(#{stat.get('fooStat')}, 10);

但是后来看来，我以后不能在我的哈巴狗模板中引用此内容了，

  span #{foo}

该值是空的，我想是因为它是未定义的。通常的实现方式是什么。

Answer 1

在script标记信号之后添加句点，以表明它的内容应视为计划文本。当您要编写JavaScript进行客户端使用，但是任何声明的变量都无法访问pug时，这非常方便。

script.
  const foo = 10;

span #{foo} // foo is undefined here

如果您想定义pug可以稍后在模板中使用的变量，请使用unbuffered code。

- const foo = 10

span #{foo} // renders <span>10</span>