Jade / Pug JSON插值与对象

2023年8月30日 175次阅读

我似乎无法找到关于Pug与
JSON插值的行为的任何足够的文档.看起来你可以,但我发现的方法差别很大,没有一个做我想要的.顺便说一下,我正在使用gulp-pug.

是否有可能,给定一个像这样的JSON对象：

{
  0: {name: "zero", desc: "the additive identity"},
  1: {name: "one", desc: "the multiplicative identity"},
  2: {name: "two", desc: "the first prime number"}
}

插入这样的模板

ul
  li(interpolated=0) BlaBlaBla
  li(interpolated=1) EtcEtcEtc

变成这样的东西？

<ul>
  <li title="zero" desc="the additive identity">BlaBlaBla</li>
  <li title="one" desc="the multiplicative identity">EtcEtcEtc</li>
</ul>

对不起,模糊不清.帕格能干吗？我非常怀疑它.如果没有,请推荐替代品.

最佳答案 是的,PUG(前JADE)能够插值.你有没有读过官方的Jade lang参考文献？阅读
interpolation部分

首先,您需要将JSON解析为可在jade模板中访问的对象.你可以用express,gulp,grunt等等来做到这一点.

例如,插入对象的名称,它看起来像这样：

interpolated = {
  0: {name: "zero", desc: "the additive identity"},
  1: {name: "one", desc: "the multiplicative identity"},
  2: {name: "two", desc: "the first prime number"}
}

以下是默认的Javascript行为.要在模板中插入它,它应如下所示：

ul
  li(title= interpolated[0].name, desc= interpolated[0].desc) BlaBlaBla
  li(title= interpolated[1].name, desc= interpolated[1].desc) EtcEtcEtc
  li(title= interpolated[2].name, desc= interpolated[2].desc) EtcEtcEtc

猜猜这是第一印象,阅读文档,你会很快学到.

点赞