使用Rivets.js访问数组索引

Question

我想知道为什么要访问rivets.js中绑定的数组的索引。 运算符，而不是使用[]的标准访问方式。

例如

假设我们绑定

var binding = {name: "binding", arr: [0,1,2]}
rivets.bind(document, {binding: binding});

然后在我们的html中，如果这样做，它将无法正常工作

<span> {binding.arr[0]}</span>

但是如果我们这样做

 <span> {binding.arr.0}</span>

数组的第0个元素已成功访问。

该行为在铆钉的何处记录？ 这是在模板引擎中访问数组元素的标准方法吗？ 我在任何地方都找不到它，这真的让我很困扰。

Answer 1

<span> {binding.arr.0}</span>起作用是因为数组是对象。 因此，其工作方式与其他对象对的处理方式相同. 运算符（返回obj[key] ）。

理想情况下，在使用数组时，您应该使用rv-each 。

由于某些原因，如果您必须访问特定索引处的项目，并且对<span> {binding.arr.0}</span>感到困惑，那么我建议按照以下方式创建格式化程序：

rivets.formatters.itemat = function(value,index){
  if(!(value && value instanceof Array))
    return null; // throw some error if required
  return value[index || 0];
}

可以像

<span> {binding.arr | itemat 0}</span>