如何通过车把中的索引访问数组项？

Question

这是我的json。

{
  "data": [
    {
      "Category": "without",
      "Nb1": 12,
      "Nb3": 20,
      "percent": 66.67
    }
  ]
}

我希望能够用html编写

Category without for Nb1 

但是 Category 的值和名称“Nb1”并不总是相同的名称，它可以是 Nb4 和 Nb10，而不是 Nb1 和 Nb3，所以我不能通过 {{Nb1}} 调用该值。我需要找到一种通过索引调用它的方法，因为顺序不会改变。所以我想首先调用与类别关联的值，然后调用索引 1 处“列”的名称（此处为“Nb1”）。

我试过这个

<ul class="toc">
  {{#each data}}
    <li>{{this}}</li>
  {{/each}}
</ul>

并得到了

[object Object]

然后我尝试了这个

{{data.[0]}} 

却什么也没得到。

我终于尝试了这个

{{data.0}}

并得到：

Parse error on line 1:
{{data.0}}
-------^
Expecting 'ID', got 'NUMBER'

Answer 1

您可能需要访问对象中的属性之一。像这样：

<ul class="toc">
  {{#each data}}
    <li>{{this.Category}}</li>
  {{/each}}
</ul>

大多数框架无法渲染数组中的整个对象（至少开箱即用）。