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

时间:2015-09-02 23:21:52

标签: javascript data-binding polymer polymer-1.0

我试图从字符串数组中创建面包屑。 我有一个名为namespace Experiments.Decompilation { ///<summary> ///This is some test documentation ///</summary> public interface ITest { long Method(); } } 的数组属性,它看起来像taxonomy。像这样使用["categories", "clothing", "men", "suits"]

dom-repeat

结果视图如下所示:

类别&gt;服装&gt;男人&gt;西装&gt;

我想要删除最后一个&gt; 来获取类似内容:

类别&gt;服装&gt;男人&gt;服

我试过通过绑定到我想隐藏的跨度的隐藏属性来做到这一点,但我被卡住了。不完整的<template is="dom-repeat" items="{{taxonomy}}" id="breadcrumbs"> <span>{{item}}</span><span hidden$="[[computeSpanHidden]]"> > </span> </template> 函数如下所示:

computeSpanHidden

1 个答案:

答案 0 :(得分:4)

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

  

指数。数组中项的索引。 (如果指数值改变了   数组被排序或过滤)

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

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