如何使用 Jade 和 Node.js 迭代 JSON 数组

2024-04-25

所以我有这个 JSON 数组apiData被传递到视图作为data.

Backend

router.get('/', function(req, res) {
    var data = JSON.stringify(apiData);
    res.render('gallery', { data: apiData });
}); 

Frontend

extends layout

block content
    h1 MyProject
    !{JSON.stringify(data)}

我正在尝试缓存!{JSON.stringify(data)}在一个变量中并在jade文件中迭代它。我对玉完全陌生。我该怎么做呢?


您的代码中存在一些问题,例如根本不使用服务器端的字符串化。

但这里甚至不需要 JSON。只需传递数组并对其进行迭代即可:

Backend

router.get('/', function(req, res) {
    res.render('gallery', { data: apiData });
}); 

Frontend

extends layout

block content
    h1 MyProject
        each thing in data
             p= thing

你会找到文档中迭代的示例 http://jade-lang.com/reference/iteration/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 Jade 和 Node.js 迭代 JSON 数组 的相关文章

随机推荐

  • 导出到 Excel 电子表格 (XLSX) 失败

    使用 ASP NET 网页 我将一些数据导出到 Excel 电子表格 XLSX 当我使用 Visual Studio 运行代码时 代码运行良好 它正在导出具有正确数据的 XLSX 文件 但在部署到测试服务器时 相同的代码会失败 它不会抛出任
  • 在 VC9 中编译时不会出现警告级别 4 的警告。为什么人们不认为这是一种编译器缺陷呢?

    我看到一些发布的代码有超出范围的错误 这让我感到好奇 我希望编译器为此代码生成警告 至少在最高级别 pragma warning push 4 int main int x 2 x 2 0 return 0 pragma warning p
  • 如何打印HttpResponse返回的消息?

    我的 Android 手机上有此代码 URI uri new URI url HttpPost post new HttpPost uri HttpClient client new DefaultHttpClient HttpRespon
  • 自定义rightBarButtonItem消失

    我在导航栏中有一个自定义 rightBarButtomItem 的奇怪错误 我有一个 TabBar 应用程序 如果应用程序已加载 按钮将显示正确 如果我单击选项卡 按钮将继续显示 如果我返回到已显示的选项卡之一 该按钮就会消失 最后 该按钮
  • 使用 python 从 HDFS 获取文件名列表

    这里是 Hadoop 菜鸟 我搜索了一些有关 hadoop 和 python 入门的教程 但没有取得太大成功 我还不需要使用映射器和缩减器进行任何工作 但这更多是一个访问问题 作为Hadoop集群的一部分 HDFS 上有一堆 dat 文件
  • 如何使用jquery打开选择输入

    所以我可以看到选择元素的选项 但我需要单击它 如果我想使用一个函数怎么办 当发生某些事情时 应该选择此选择元素 这意味着列表已打开并且我可以看到选项 我不希望用户单击选择元素 我想要其他东西来打开它 我尝试过的 select select
  • PHP readdir 和排序

    我正在做一个小画廊 我想从目录中读取文件名 并在删除一些前导数字和文件扩展名后打印下面的文件名 我有两个版本的代码 版本 1 不排序 current dir DOCUMENT ROOT weddings2 dir opendir curre
  • Android可扩展列表视图片段

    我正在寻找具有可扩展列表视图的片段 搜索后我发现了一个实现可扩展列表视图片段的类https gist github com 1316903 https gist github com 1316903 但我不知道如何使用它 请帮我 我尝试了列
  • MFMailComposeViewController、Swift 4、Xcode 9

    我的 MFMailComposeViewControllerDelegate 函数有问题 func mailComposeController controller MFMailComposeViewController didFinish
  • 仅根据邮政编码在 R 中绘制热图

    我想在 R 中绘制热图 但我的数据文件是这样的 Lat Long Zip Zvalue 我基本上需要在纬度和经度值之间进行插值 并根据 z 值绘制颜色 我怎样才能在 R 中做到这一点 我最终想要得到这样的东西 套餐spatstat是你的朋友
  • 使用 HelpProvider 类显示帮助,UI 始终位于帮助窗口后面

    我有一个使用 HelpProvider 类的 C Winforms 应用程序 每当我按 F1 调出帮助时 帮助窗口将始终位于我的应用程序顶部 我无法将我的应用程序 UI 带到前台 我仍然可以与我的 UI 交互 但帮助窗口将保留在顶部 这是
  • NetworkX:翻转图

    有没有办法以相反的顺序生成图形 即我想生成垂直翻转的图形 或者如果我可以在绘制之前用一些 matplotlib 子例程翻转它 F e 我希望 357 和 358 位于顶部 1 6 位于底部 只需交换您的位置坐标即可 import netwo
  • Flexbox 不包裹弹性项目

    我正在尝试使用 Flexbox 为我的网站设置布局 inb4 我不关心IE 但由于某种原因 这些物品没有包装 http jsfiddle net EnUuA http jsfiddle net EnUuA section display w
  • 如何将 lib 中的 jar 包含到 Netbeans 中的项目 jar 文件中?

    我正在使用一些 apache HttpClient jar 所以我将它们放在项目的 lib 目录中 当 Netbeans 编译项目时 它会复制 lib 并生成项目 jar 到 dist 目录中 但是当我使用 webstart 运行项目时 我
  • MySQL,其中 JSON 包含空数组

    如何在 JSON 列中搜索空数组 假设我有一个config有时 JSON 等于的列 tier WHERE JSON CONTAINS config tier 1 or WHERE JSON CONTAINS PATH config one
  • Dictionary 的下拉列表不适用于所选值

    我正在尝试以这种方式绑定 MVC3 中的下拉菜单 Model public static Dictionary
  • ImageIcon 不适用于我

    我编写了非常简单的代码来显示葡萄的图标 但代码仍然没有向我显示任何内容 这是我的代码 import javax swing import java awt public class Code ImageIcon ii new ImageIc
  • 使用 libsoup 进行 HTTP POST

    我想使用 libsoup 执行一个简单的 POST 请求 我想要发送数据的网站的 api 只需要一个名为 内容 的字段 使用curl我这样做 curl si F content mycontent http mywebsite org ap
  • 我可以使用什么正则表达式来匹配以点十进制表示法表示的任何有效 IP 地址?

    我可以使用什么正则表达式来匹配以点十进制表示法表示的任何有效 IP 地址 if ip d 1 3 d 1 3 d 1 3 d 1 3 1 lt 255 2 lt 255 3 lt 255 4 lt 255 print valid n els
  • 如何使用 Jade 和 Node.js 迭代 JSON 数组

    所以我有这个 JSON 数组apiData被传递到视图作为data Backend router get function req res var data JSON stringify apiData res render gallery