从Express到Jade

时间:2016-01-05 10:52:01

标签: json express pug

我是Express和Jade的新手,找不到为什么Jade告诉我这个对象是未定义的。 我有一个关于可收集纸牌游戏的大JSON文件,其结构是:

{
"LEA" : { /* set data */ },
"LEB" : { /* set data */ },
"2ED" : { /* set data */ },
...
}

和,每组

              "name" : "Nemesis",           
              "code" : "NMS",                
      "gathererCode" : "NE",                 
           "oldCode" : "NEM",                
"magicCardsInfoCode" : "ne",                 
       "releaseDate" : "2000-02-14"          
            "border" : "black",              
              "type" : "expansion",          


             "block" : "Masques",            
        "onlineOnly" : false,                 
           "booster" : [ "rare", ... ],      
             "cards" : [ {}, {}, {}, ... ]  

我想遍历卡片阵列以获取 GETed set 并显示一些信息。这是我的cards.js文件

'use strict';

var express = require('express');
var router = express.Router();
var mtgjson = require('mtgjson');

router.get('/:set?', function(req, res){

    var set = req.params.set;
    if (set === undefined) {
    res.send('respond with a resource');

    } else {

    mtgjson(function(err, data) {
       if (err) return console.log(err);
       res.render('cards', { selectedSet : data.set });                                 
   });
    }
});

module.exports = router;

这是玉模板

extends layout

block content
  h1 #{selectedSet.name}
  ul
  each card in selectedSet.cards
    li #{card.rarity}

我正在

Cannot read property 'name' of undefined

任何建议都会非常感激,我可能会犯一些愚蠢的错误。

编辑:新信息------------------

当我console.log(data)我得到以下内容时,似乎是正确的:

TOR:
   { name: 'Torment',
     code: 'TOR',
     magicCardsInfoCode: 'tr',
     releaseDate: '2002-02-04',
     border: 'black',
     type: 'expansion',
     block: 'Odyssey',
     booster:
      [ 'rare',
        'uncommon',
         ...
        'common' ],
     cards:
      [ [Object],
        [Object],
        [Object],
        ...

        [Object],
        [Object],
        [Object] ] },

如果我控制set它给了我正确的字符串(在这个例子中为TOR)。

编辑2 -------------------------

如果我将整个data对象和set变量传递给jade模板,我可以以非常次优的方式获得最终结果。 我做了类似的事

block content
  ul
    each val, key in data
      if key == set
        li #{val.name}
          each card in val.cards
            p #{card.name}

解决方案----

只是一个愚蠢的错误:我刚搞砸了属性访问器。我应该使用data[set]代替data.set,因为var set是一个文字。 请参阅参考http://www.ecma-international.org/ecma-262/5.1/#sec-11.2.1

2 个答案:

答案 0 :(得分:0)

您需要使用selectedSet.cards.rarity代替cards.rarity。您传递给模板的唯一对象是selectedSet对象,cards嵌套在该对象中。

答案 1 :(得分:0)

我使用错误的符号来访问属性。我应该使用方括号表示法,因为var set是一个字符串文字,在这种情况下点符号不会起作用。 See reference