引用Handlebars.js中的数组项

Reference an array item in Handlebars.js

本文关键字：数组 Handlebars js 引用      更新时间：2023-09-26

我有一个json，它是从一个CSV创建的，看起来像这样，

[["Year","Make","Model","Description","Price"],["1997","Ford","E350","ac, abs, moon","3000.00"],["1999","Chevy","Venture '"Extended Edition'"","","4900.00"],["1999","Chevy","Venture '"Extended Edition, Very Large'"","","5000.00"],["1996","Jeep","Grand Cherokee","MUST SELL!'nair, moon roof, loaded","4799.00"]]

我需要使用Handlebars.js在模板中使用它，我知道当json像这个时什么时候使用它

[{"data" : "data1"},{.....}]

但当json看起来像我刚开始尝试下面的代码时，我不知道如何使用手柄

        {{#each this}}
        <li>{{0}}</li>
        {{/each}}

我在控制台上得到以下错误

Uncaught Error: Parse error on line 3:
...}            <li>{{0}}</li>           
----------------------^
Expecting 'ID', 'DATA', got 'NUMBER'

无论如何，要访问用于模板的json数据，是模板错误还是json错误？我该怎么修？

您需要用方括号包装它：

<ul>
  {{#each this}}
    <li>{{[0]}}</li>
  {{/each}}
</ul>

演示：http://jsbin.com/teduxeduvoqi/1/edit

引用文件：

要引用不是有效标识符的属性，可以使用段文字表示法[

这样使用它：{{this[0]}}。

相关文章：