从Polymer中重复访问Array

Question

如果你有这样的模板重复标签：

<template id="t" repeat="{{i in outputFields}}">
  {{i.name}}
  <template ref="t" repeat="{{i in i.childOutputFields }}"></template>
</template>

我希望能够访问模板迭代的当前数组，以便我可以添加如下内容：

  <template if="{{i != currentArray[currentArray.length-1] }}">
  ,</template>

其中currentArray是模板当前正在迭代的数组。

有没有办法获得当前正在迭代的数组？

Answer 1

Polymer支持模板重复中的数组索引，如下所示：

<template repeat="{{item, i in items}}">
  {{item}}<span hidden?="{{i == items.length - 1}}">,</span>
</template>

http://jsbin.com/pagejoga/1/edit

Answer 2

所以我想我会发布我在这里做的事情来解决这个问题。我使用CSS而不是尝试使用模板重复的数组来确定逗号的放置位置。

#jsonOutputs ul li:after {
  content: " , "; 
}

#jsonOutputs ul li:last-of-type:after {
  content: ""; 
}

因此，不要试图访问数组或猜测当前正在迭代哪个数组，而是使用CSS。