Jade/Pug JSON插值與對象

Question

我似乎無法找到有關Jug插值Pug行爲的足夠文檔。看來你可以，但我發現的方法差異很大，沒有做我想要的。順便說一下，我正在使用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> 

對不起模糊。帕格是否有這個能力？我非常懷疑它。如果不是，請推薦替代品。

Answer 1

是的，PUG（之前的JADE）能夠插入。你是否已經閱讀過官方的Jade Lang參考資料？閱讀interpolation

Waht您必須先做的是將您的JSON解析爲可在您的玉石模板中訪問的對象。你可以用快遞，吞嚥，咕嚕等等來做到這一點。

例如：閣下的對象的名稱爲interpolated它應該是這樣的：

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 

猜測這是第一印象，閱讀文檔，您將快速學習。