聚合物确定dom重复项目中的最后一个项目

Question

我正在尝试从字符串数组创建面包屑。我有一个名为的数组属性taxonomy，它看起来像["categories", "clothing", "men", "suits"]。dom-repeat像这样使用：

<template is="dom-repeat" items="{{taxonomy}}" id="breadcrumbs">
  <span>{{item}}</span><span hidden$="[[computeSpanHidden]]"> > </span>
</template>

结果视图如下所示：

类别>服装>男士>西装>

我想要的是删除最后一个>，以获得类似这样的内容：

类别>服装>男士>西装

我尝试通过绑定到要隐藏的范围的hidden属性来执行此操作，但是我被卡住了。不完整的computeSpanHidden函数如下所示：

computeSpanHidden: function(){
  if(this.taxonomy.slice(-1)[0] == /**the value i want to know how to get **/)
    { return true; } 
      else 
        { return false; }
}

Answer 1

你只需要使用index来确定。从这里阅读更多内容。

指数。数组中项目的索引。（如果数组被排序或过滤，索引值会发生变化）

<span>{{item}}</span><span hidden$="[[computeSpanHidden(taxonomy,index)]]"> > </span>

computeSpanHidden: function(taxonomy,index){
  return (taxonomy.length - 1) === index
}