使用 Handlebars 模板嵌套 {{each}} 循环

2023-12-25

我尝试迭代一个对象数组,以便使用数组结构内的每个循环将它们的值放入 Handlebars 模板中。 在这里你可以看到这个数组:

var datosSensores = [    
    {
        name:'John Pinard',
        email:'[email protected] /cdn-cgi/l/email-protection',
        ph: [
            '7.80',
            '7.90',
            '7.60',
            fecha: [
                '2016-06-20 09:00',
                '2016-06-21 10:00'
            ],
        
        ],
        
    }
];

正如您所看到的,如果已经尝试过每个循环:

{{#each ph}}
....
.....
    {{#each ph.fechaPH}}
        {{this.fechaPH}} //This would be the value of each DATE in the array
    {{/each}}  

{{/each}}

我不知道如何解决它或我做错了什么。 我感谢有关此问题的任何评论 多谢!


您几乎使用了正确的语法:

{{#each ph}}
....
.....
    {{#each fecha}}
        {{this}} //This would be the value of each DATE in the array
    {{/each}}  

{{/each}}

当您处于 #each 循环内时,此对象将成为“根”节点,因此您不需要命名 ph.fecha,而只需命名 fecha,因为 ph 是根。

[编辑]:我已经更改了名称 fechaPH 在您的示例中不存在,它是 fecha。

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

使用 Handlebars 模板嵌套 {{each}} 循环 的相关文章

随机推荐

  • 在 JavaScript 中使用父/子列表从平面列表生成嵌套列表

    我正在构建一个网络应用程序 它需要处理嵌套的地理数据 以便既显示在树视图中 又可以搜索 原始数据看起来像这样 id 1 name UK id 2 name South East parentId 1 id 3 name South West
  • 在android中绘制三角形背景

    我需要将布局背景绘制为三角形 如图所示 我找到了一个例子 他们做了类似的事情 但我不知道如何使其适应我的情况 这里是example http looksok wordpress com 2013 08 24 android triangle
  • 创建向下箭头指针

    如何创建向下箭头parent在CSS中 所以它看起来像一个对话气泡 这就是我尝试过的 div class parent TEST span class tri TEST span div tri opacity 0 tri before p
  • 使用 Knockout 绑定处理 IE 9 和 10 的清除按钮

    我有一个绑定到的输入文本框淘汰赛js http www knockoutjs com可观察到的
  • 如何在 .NET MAUI 中发送和显示获取请求?

    我正在尝试使用 NET MAUI 实现一个小型应用程序 但我在运行时不断收到错误 System Net WebException 无法解析主机 reqres in 否 与主机名关联的地址 有时我收到的错误听起来像 System Invali
  • 为什么我的自定义 Nextjs 服务器无法在我的 Vercel 部署中工作?

    您好 我有这个存储库用于测试 在本地主机中 当我执行 npm run dev 时 我可以看到我的自定义服务器 根目录下的 server js 会进行重定向 如果存在我的自定义 cookie 但是在 Vercel 的生产中我看不到这个自定义服
  • R 通过列嵌套映射

    我得到了一个在这里解决的函数 此函数采用填充有注释的列和另一个分组列 并将注释传播到具有缺失值的行 f1 lt function data group col expand col data gt dplyr group by group
  • `Timer` 组件不够准确,有替代方案吗?

    我需要每 0 03125 秒发生一个事件 这Timer控制只能到0 031 s 我如何从Stopwatch哪个成分更准确 我发现这个 它比标准计时器更准确 更可靠 我简直不敢相信 http www codeproject com Artic
  • NodeJS 套接字数据拆分

    当我需要分割数据时 我必须将其转换为字符串 这是我的数据处理函数 socket on data function data var str data toString split switch str 0 case setUser setU
  • C# System.ComponentModel.Win32Exception (0x80004005):没有足够的存储空间来处理此命令

    运行我的应用程序 Net 4 5 64位 WPF 很长一段时间 一到两周 后 我遇到以下应用程序崩溃 Faulting application name XY exe Version 2 12 2 2 Time 0x5bade142 Fau
  • 删除列表中反向重复项的 Pythonic 方法

    我有一个对的列表 0 1 0 4 1 0 1 4 4 0 4 1 我想删除任何重复项 a b b a 所以我们最终只是 0 1 0 4 1 4 我可以对反向对进行内部和外部循环检查 如果情况并非如此 则将其追加到列表中 但我确信有一种更 P
  • 如何对broadcastReceiver使用“goAsync”?

    背景 从 Honeycomb API 11 开始 Android 有一个功能允许广播接收器以异步方式运行 在它认为可以终止其进程之前提供大约 10 秒的时间 使用名为 goAsync https developer android com
  • 如何将构建关联到 Microsoft Test Manager (MTM) 2010 中的测试计划?

    我是新使用 Microsoft 测试工具 请帮助 当尝试从 MTM 运行测试用例时 我收到以下警告消息 无法创建自动化测试运行 需要与活动测试计划关联的构建才能提交自动化测试运行 背景资料 我在 VS 2010 中创建了一个构建定义 我已经
  • 动态管理两个具有相同包名和类名的jar文件

    我有来自客户的两个 jar 文件 其中一个用于测试 另一个用于最终版本 目前 我将它们放在不同的文件夹中 并在部署代码时修改库路径 但如果能够加载这两个 jar 文件并在运行时动态地在它们之间切换 那就太好了 这可能吗 您始终可以编写自己的
  • 存储值列表(例如兴趣)

    我有一个用户表 ID FNAME LNAME 兴趣等 还有另一个表来保存他们可以选择的特定兴趣集 电影 电视 广播 舞台 单口喜剧 他们可以有多个兴趣 那么我如何将这一信息存储在 用户兴趣 字段中 或者实现这一目标的最佳替代方法是什么 这是
  • 写入从 getResourceAsStream() 返回的文件流

    我得到了一个InputStream from getResourceAsStream 我设法通过传递返回的文件来读取文件InputStream to a BufferedReader 有什么方法可以写入该文件吗 不直接 不 getResou
  • system.serviceModel/bindings/wsHttpBinding 处的绑定没有...错误

    我试图在基于 WCF Web 的服务中包含两个端点 wsHttp 和 netTcp 如图所示Web config下面我已经添加了它们 但是当我在网络浏览器中编译并单击 Service svc 时 收到以下错误 错误页面 Server Err
  • 动态类型和带有静态表的自调整单元格

    我有一个典型的主从应用程序 它允许用户浏览对象的滚动列表 然后通过推送转场深入了解任何特定对象的详细信息 滚动主列表是一个用原型单元格构建的 UITableView 详细场景是一个具有固定数量的部分和单元格的静态 UITableView 我
  • JSON Web 服务是否容易受到 CSRF 攻击?

    我正在构建一个专门使用 JSON 作为其请求和响应内容的 Web 服务 即 没有表单编码的有效负载 如果满足以下条件 Web 服务是否容易受到 CSRF 攻击 Any POST没有顶级 JSON 对象的请求 例如 foo bar 将被拒绝并
  • 使用 Handlebars 模板嵌套 {{each}} 循环

    我尝试迭代一个对象数组 以便使用数组结构内的每个循环将它们的值放入 Handlebars 模板中 在这里你可以看到这个数组 var datosSensores name John Pinard email email protected c