JADE，Nodejs和JSON數據呈現

Question

我想在我的index.jade頁面上使用從index.js頁面使用日期和product_count發送的數組呈現表格。

 res.render('index', { 
     title: 'Product Count (last 7 days)', 
     keyy : dates, 
     results: product_count 
     }); 

在我index.jade頁它顯示爲：click here

從表中，在每一tablecells，數據被打印這樣的：

Amul黃油鹽醃= 2，凝乳銀河Mist 200 gms = 9，Curd Milky Mist 500 gms = 15，Idli and Dosa Batter ID 1 Kg = 12，Towness Baby Corn Peeled = 4，Towness Banana Green Regular Semi Ripe = 3，Towness Banana Yalakki Semi Ripe = 1，Towness Bitter葫蘆中等= 1，葫蘆葫蘆小= 1，燉茄子長綠色中等= 1，燉芹菜= 2，Tow瓜中等A = 1，Tow歐洲黃瓜= 7，Tow蒜剝皮= 1 ，

我想打印這個數據是什麼，每一個不同的行中「」隔開，像這樣：

Amul Butter salted=2 
Curd Milky Mist 200 gms=9 
Curd Milky Mist 500 gms=15 
Idli and Dosa Batter ID 1 Kg=12 
Towness Baby Corn Peeled=4 
Towness Banana Green Regular Semi Ripe=3 
Towness Banana Yalakki Semi Ripe=1 
Towness Bitter Gourd Medium=1 
Towness Bottle Gourd Small=1 
Towness Brinjal Long Green Medium=1 
Towness Celery=2 
Towness Chow Chow Medium Grade A=1 
Towness European cucumber=7 
Towness Garlic Peeled=1 

我在這裏貼上我的陣列，只是幫助我如何獲得換行符這就是每個值它。

dates = [ 'May 17 2017', 'May 18 2017', 'May 19 2017', 'May 20 2017' ]

product_count = [ 'Amul Butter salted=2,Curd Milky Mist 200 gms=9,Curd Milky Mist 500 gms=15,Idli and Dosa Batter ID 1 Kg=12,Towness Baby Corn Peeled=4,Towness Banana Green Regular Semi Ripe=3,Towness Banana Yalakki Semi Ripe=1,Towness Bitter Gourd Medium=1,Towness Bottle Gourd Small=1,Towness Brinjal Long Green Medium=1,Towness Celery=2,Towness Chow Chow Medium Grade A=1,Towness European cucumber=7,Towness Garlic Peeled=1,Towness Lemon Medium =1,Towness Lettuce (Leafy Green)=5,Towness Mangalore Cucumber Medium=8,Towness Mint Leaves (Pudina Bunch)=2,Towness Musk Melon Stripes=1,Towness Onion Medium=1,Towness Papaya Raw=2,Towness Pumpkin Disco Town=3,Towness Raw Banana=1,Towness Red Radish (Long)=1,Towness Sambhar Onion=6,Towness Tomato Semi Ripe (Medium)=1', 
    'Amul Butter salted=5,Curd Milky Mist 500 gms=11,Eggs Town 6 in 1=1,Paneer Nandini=2,Towness Banana Nendran Kerala Ripe=1,Towness Banana Yalakki Semi Ripe=10,Towness Bitter Gourd Medium=1,Towness Bread Multigrain Town 400 Gms=2,Towness Cluster beans=1,Towness Coriander Leaves=1,Towness European cucumber=1,Towness Ginger=1,Towness Lettuce (Ice Burg)=1,Towness Long Beans=2,Towness Mint Leaves (Pudina Bunch)=1,Towness Pumpkin Disco Town=1,Towness Red Cabbage=1,Towness Sambhar Onion=2', 
    'Curd Milky Mist 500 gms=1,Hair Oil Coconut Parachute 250 Ml=1,Real Mixed Fruit 1 Ltr=1,Soda Lehar Evervess 500 Ml=1,Towness Alasande kai=1,Towness Banana Yalakki Semi Ripe=1,Towness Bread Multigrain Town 400 Gms=1,Towness Chutney Coconut Spicy=2,Towness Ginger=1,Towness Ladies Finger=1,Towness Nool Kol =1,Towness Sambhar Onion=1,Towness Tomato Semi Ripe (Medium)=1', 
    'Naan Tawa (Half cooked) Town 5 Nos=1,Paneer Milky Mist 200 g=1,Real Mixed Fruit 1 Ltr=2,Towness Bread Kulcha=1,Towness Chikki Flax Seeds=2,Towness Chikki Melon seeds(Magaz)=2,Towness Coriander Leaves=7,Towness French Beans Grade A=6,Towness Ladies Finger=1,Towness Lemon Medium =3,Towness Onion Medium=2,Towness Red Cabbage=1,Towness Sambhar Onion=1,Towness Tender Coconut=1,Towness Tomato Ripe (Medium)=1,Towness Tomato Semi Ripe (Medium)=1' ] 

請幫助我。如果您有任何疑問，請在下面提及。 從現在起我完全在線。

Answer 1

我已經設法爲您的情況得到一個可能的解決方案。

你res.render功能：

var result = []; 
var tmp; 
// change your , into break tags 
for (var line in product_count) { 
    result.push(product[line].replace(/,/g,'<br />')); 
} 
res.render('index', { 
    title: 'Product Count (last 7 days)', 
    keyy: dates, 
    results: result, 
}); 

然後，在你的jade文件：

table 
    tr 
    each val in keyy 
     th= val 
    tr 
    each val in results 
     td!= val 

記住，你的product_count必須被策劃。使用!=可能會被用於XSS攻擊。

更好的解決方案是使用自定義過濾器： https://pugjs.org/language/filters.html

希望它可以幫助你的情況。