从MongoDB到FrontEnd显示项目

Question

我在MongoDB数据库中有一个嵌套数组，我希望使用Jade和Express在前端显示它。

我在显示它们时遇到了一些问题：

这是我希望显示的嵌套项目：

MongoDB：

{
    "_id" : ObjectId("5c3343913d1e1323111fce6f"),
    "title" : "Projecten",
    "__v" : 0,
    "sub_items" : [ 
        {
            "title" : "item1"
        }, 
        {
            "title" : "item2"
        }
    ]
}

Mongoose模型：

var mongoose = require('mongoose');
var Schema = mongoose.Schema;

var menuItems = new mongoose.Schema({
  sub_items : {
    title: String
  }
}, {collection: 'menu_items'});

module.exports = mongoose.model("menu_items", menuItems);

我使用Express发布嵌套项，如下所示：

postController.updateSubItems = function(req,res,item) {
  var id = req.body.id;
  var saveData = {
    title: req.body.sub_item
  };
  item.update({_id: id}, {$addToSet:{sub_items: saveData}}, (err, result) => {
  });
};

在玉石中的显示如下：

each item in data
   p #{item.sub_items}

最终结果是这样的：

item1,item2

类似于字符串，但我希望将它们作为单个项显示

Answer 1

根据您的sub_items对象，尝试下面的代码

  each item in [{sub_items:'sub_item_1'}]
   p=item.sub_items

将上述代码粘贴到此editor中

Answer 2

我不确定在Jade中是否有更优雅的方法来实现这一点，但我只是使用了@iamwebkalakaar建议的编辑器，测试了以下代码片段，它似乎可以正确打印：

each item in [{"sub_items" : [{"title" : "item1"}, {"title" : "item2"}]}] each subitem in item.sub_items p=subitem.title

新代码段

- var data = { "title" : "Projecten", "__v" : 0, "sub_items" : [ { "title" : "item1" }, { "title" : "item2" } ] };

 each subitem in data.sub_items
   p=subitem.title