如何在JSON中访问数组并在Jade中进行迭代

Question

这是我的json：

{
 "Meals": {
    "title": "All the meals",
    "lunch": ["Turkey Sandwich", "Chicken Quesadilla", "Hamburger and Fries"]
 }
}

我正在尝试将数组传递到我的翡翠视图，并遍历每个视图进入选择下拉列表

这是我的服务器代码：

var express = require('express');
var router = express.Router();
var data = require('../mock/data.json');

var dataLists = Object.keys(data).map(function(value){
  return data[value]
});

/* GET home page. */
router.get('/', function(req, res, next) {  
    res.render('index', { title: 'Express', data: dataLists, dataJSON: data });
});

在我的翡翠视野中

!{dataJSON} // This returns [object Object]

有没有一种方法可以通过对象键访问数组？？？

!{dataJSON.Meals.lunch}

Answer 1

使用以下命令访问翡翠模板的午餐数组：

p #{dataJSON.Meals.lunch}

其中p是段落标签。

---

是的，您可以像这样遍历数组：

  form (action="someAction")
   select (name="lunch")
    each val in dataJSON.Meals.lunch
     option (value= val)= val

有关详细信息，请参阅： Jade中的迭代