Question

给出以下数据结构：

{
    "name" : "test",
    "assetType" : "Home",
    "value" : [ 
        {
            "value" : "999",
            "date" : "10/03/2018"
        }, 
        {
            "value" : "1234.56",
            "date" : "10/04/2018"
        }
    ]
}

如何在车把中直接访问value的第一个和最后一个元素？我的代码是：

<td>{{value.[0].value}}</td>
<td>{{value.[value.length - 1].value}}</td>

第一个语句工作正常，但是我无法弄清楚如何访问最后一个元素。 value.length内部的[]不返回任何值，但是在数组外部呈现value.length可以正常工作。

我尝试在数组中使用@first和@last，但它们似乎也不起作用。

Answer 1

正如已经指出的，您可以使用template helper轻松解决此问题：

Template.myTemplate.helpers({
  first (arr) {
    return arr && arr[0]
  },
  last (arr) {
    return arr && arr[arr.length - 1]
  },
  atIndex (arr, index) {
    return arr && index >= 0 && index <= arr.length - 1 && arr[index]
  }
})

然后可以使用#with创建一个context，其中上下文对象是助手的结果。在此上下文中，您可以使用this访问属性。

访问名称为value的值如下所示：

<td>{{#with first value}}{{this.value}}{{/with}}</td>
<td>{{#with last value}}{{this.value}}{{/with}}</td>
<td>{{#with atIndex value 5}}{{this.value}}{{/with}}</td>

如何访问Handlebars.js数组中的最终元素？

1 个答案: