用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>