聚合物確定dom-repeat項目的最后一項

Question

我正在嘗試從字符串數組創建面包屑。 我有一個名為taxonomy的數組屬性，它看起來像["categories", "clothing", "men", "suits"] 。 像這樣使用dom-repeat ：

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

生成的視圖如下所示：

類別>服裝>男士>西裝>

我想要刪除最后一個>得到這樣的東西：

類別>服裝>男士>西裝

我試過通過綁定到我想隱藏的跨度的隱藏屬性來做到這一點，但我被卡住了。 不完整的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
}