用Jade显示数据: MongoDB + Monk + ExpressJS

Question

我试图在客户端显示来自我的MongoDB数据库的一些数据，但是我一直收到以下错误：8| li 9| #{victim.first-name} > 10| Cannot read property 'first' of undefined

我一直在跟踪这个教程，但出于某种原因，我一直遇到这个错误消息.有什么想法吗？

我的app.js文件的相关部分：

var mongo = require('mongodb');
var monk = require('monk');
var db = monk('ds012345.mlab.com:12345/dbname');

var routes = require('./routes/index');
var users = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

// Make db accessible to router
app.use(function(req,res,next){
    req.db = db;
    next();
});

app.use('/', routes);
app.use('/users', users);

我的index.js文件：

/* GET datatesting page */
router.get('/datatesting', function(req, res) {
    var db = req.db;
    var collection = db.get('data');
    collection.find({},{},function(e,docs){
        res.render('datatesting', {
            "datatesting" : docs
        });
    });
});

我的datatesting.jade文件：

extends layout

block content
  h1.
      List of Victims
      ul
          each victim, i in datatesting
              li
                  #{victim.first-name}

编辑:以下是从Mongo shell检索的一些示例数据。收藏中只有13份文件。

{
    "_id": {
        "$oid": "56e5f15f0e1fc43fe589f5a9"
    },
    "first-name": "Tanisha",
    "last-name": "Anderson",
    "age": 37,
    "gender": "F",
    "killed": "Y",
    "image": "http://google.com",
    "street-address": "Ansel Road, Cleveland, Ohio",
    "city": "Cleveland",
    "state": "Ohio",
    "latitude": 41.52067,
    "longitude": -81.6222,
    "date": "11/1/2014"
}

Answer 1

所以我想出来了！结果，我需要在我的.jade文件中重复检查我的缩进。

在复制和重新粘贴上述教程中的示例之后，我得到了以下内容：

extends layout

block content
    h1.
        Victims
    ul
        each user, i in datatesting
            li
              img(src= "#{user.image}")

如您所见，h1标记不应该与ul标记对齐。在那之后，它能够正确地打印出我的数据。