如何通过handlebars呈现基于索引的JSON数据？

Question

我有一个如下格式的JSON结构：

{
    "properties": {
        "title": "Title",
        "carouselName": {
            "id": [
                "carousel-1",
                "carousel-2",
                "carousel-3"
            ],
            "carouselImage": [
                "images/carousel-1.jpg",
                "images/carousel-2.jpg",
                "images/carousel-3.jpg"
            ],
            "carouselSubTitle": [
                "Sub Title 1",
                "Sub Title 2",
                "Sub Title 3"
            ],
            "breadText": [
                "Bread Text 1",
                "Bread Text 2",
                "Bread Text 3"
            ],
            "productUrl": [
                "#",
                "#",
                "#"
            ]
        }
    }
}

有没有内置的handlebar helper来渲染这种类型的数据？提前感谢！

Answer 1

没有内置的帮助器来实现同样的功能。但是，您可以使用内置的each辅助对象来渲染相同的对象。例如，如下所示：

<div class="entry">
  <h1>{{properties.title}}</h1>
  <div class="body">
    {{#each properties.carouselName}}
      {{#each this}}
        <h5>{{this}}</h5>
      {{/each}}
    {{/each}}
  </div>
</div>