反復は

Question

をerroring EDITは、私はオブジェクトの配列を反復処理するためにパグを使用して難しさを持っていますGIST

を追加しました：

app.render

response.render('layout', { 
    title: 'Visual Display', 
    slides: shuffledData 
}); 

layout.pug

html 
    head 
     title= title 
    body 
     each slide in slides 
      p= slide.type 

エラーメッセージ

TypeError: /home/chris/Projects/visualdisplay/src/views/layout.pug:6 
 
    4|  body 
 
    5|   each slide in slides 
 
> 6|    p= slide.type 
 

 
Cannot read property 'type' of undefined 
 
    at eval (eval at wrap (/home/chris/Projects/visualdisplay/node_modules/pug-runtime/wrap.js:6:10), <anonymous>:23:62)

私はresponse.send（送信されたデータを参照するために）私が手にreponse.renderを変更する場合： 私はのいくつかを編集されています例のデータ値

[{ 
 
    "type": "achievement", 
 
    "studentCode": 110399, 
 
    "studentFirstName": "xx", 
 
    "studentMiddleName": "xx", 
 
    "studentLastName": "xx", 
 
    "studentHouse": "Eagles", 
 
    "achievementType": "Academic", 
 
    "achievementDescription": "well done in house point competition in maths", 
 
    "achievementDate": "2017-02-23T00:00:00.000Z", 
 
    "staffPreferredFirstName": "", 
 
    "staffFirstName": "xx", 
 
    "staffLastName": "xx" 
 
}, { 
 
    "type": "achievement", 
 
    "studentCode": 102797, 
 
    "studentFirstName": "xx", 
 
    "studentMiddleName": "xx", 
 
    "studentLastName": "xx", 
 
    "studentHouse": "Oryx", 
 
    "achievementType": "Academic", 
 
    "achievementDescription": "Well done in revision Kahoot on exponents and natural logs", 
 
    "achievementDate": "2017-02-23T00:00:00.000Z", 
 
    "staffPreferredFirstName": "", 
 
    "staffFirstName": "xx", 
 
    "staffLastName": "xx" 
 
}, { 
 
    "type": "tweet", 
 
    "user": { 
 
     "name": "xx", 
 
     "screenName": "xx", 
 
     "description": "", 
 
     "profileImage": "xx" 
 
    }, 
 
    "tweet": { 
 
     "date": "Mon Feb 20 16:21:04 +0000 2017", 
 
     "text": "xx", 
 
     "mediaURL": "xx" 
 
    } 
 
}]

私はそれがスライドに送信されるデータシートのための時間の正確な量を反復ん

html 
    head 
     title= title 
    body 
     each slide in slides 
      p testline 

のようなものにパグコードを変更した場合。

さらに、私がp = slides [0] .typeのようなことをすれば、値を正しく見つけることができます。

私は最新のパグを使用しており、npmから表現しています。

何が起こっていますか？

Answer 1

これを使用して、あなたは（たとえばあなたには、いくつかのHTMLタグを持っている）の値をレンダリングしたい場合、あなたは、あなたが使用することができ、#{varName}で値を印刷し、-でVARSを設定することができます!{varName}

html 
head 
     title= title 
    body 
     each slide in slides 
      -slideType = slide.type 
      #{slideType} 

あなたがHTMLコンバータへの外部翡翠（パグ）を使用することができ、簡単な作業の例として：私は同じエラーを取得

-slides = [{"id":"1", "type":"html", "value":"<strong>strong text</strong>"}, {"id":"2", "type":"plain-text", "value":"plain text"}] 

    each slide in slides 
     div !{slide.value} 
     div #{slide.value}