聚合物确定 dom-repeat 项目上的最后一项答案

【问题标题】：Polymer determine the last item on dom-repeat items聚合物确定 dom-repeat 项目上的最后一项
【发布时间】：2015-11-28 15:25:52
【问题描述】：

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

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

生成的视图如下所示：

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

我想要的是删除最后一个 > 得到这样的东西：

类别 > 服装 > 男士 > 西装

我已经尝试通过绑定到我想要隐藏的 span 的 hidden 属性来做到这一点，但我被卡住了。不完整的computeSpanHidden 函数如下所示：

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

【问题讨论】：

标签： javascript data-binding polymer polymer-1.0

【解决方案1】：

您只需要使用index 来确定。从here阅读更多内容。

索引。数组中项目的索引。（如果指数值改变数组已排序或过滤）

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

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

【讨论】：