获得dart聚合物重复模板中的索引

时间:2013-10-17 16:08:49

标签: dart dart-polymer

我想迭代一个可枚举的并显示一个计数器

<div template repeat="{{ name in names }}">
  ###. {{name}}
</div>

我应该放置什么而不是###,以便显示名称的位置:

1. John Doe
2. Jane Doe
3. etc...

4 个答案:

答案 0 :(得分:17)

Polymer现在有能力这样做:

<template repeat="{{fruit in fruits | enumerate}}">
  <li>You should try the {{fruit.value}}. It is number {{fruit.index}}.</li>
</template>

取自https://github.com/sethladd/dart-polymer-dart-examples/blob/master/web/iterate_loop_index/my_example.html

的示例

答案 1 :(得分:7)

其他解决方案在Polymer 0.3.4中不再适用于我(不再是?),但有documentation on templates,包括在循环集合时进行索引:

<template repeat="{{ foo, i in foos }}">
  <template repeat="{{ value, j in foo }}">
    {{ i }}:{{ j }}. {{ value }}
  </template>
</template>

答案 2 :(得分:2)

它在web_ui中可用,但在Polymer中尚未提供。

  

Web UI是polymer.dart的前身。 Polymer.dart与Web UI几乎完全相同。以下是在Polymer.dart中尚未实现的Web UI功能列表:

     

循环内可用的索引变量的值

     
    

https://www.dartlang.org/polymer-dart/#web-ui-parity

  

在此之前,您可以在列表中使用asMap并迭代keys

  <template repeat="{{i in names.asMap().keys)}}">
    <div>{{i}}: {{names[i]}}</div>
  </template>

答案 3 :(得分:0)

尚不可用,但您可以使用此SO答案中所示的箭袋:

https://stackoverflow.com/a/18165968/1713985