Dart：如何获取客户端 Polymer 元素中列表元素的当前索引？

【问题标题】：Dart: how to get the current index of a list element in a client side Polymer element?Dart：如何获取客户端 Polymer 元素中列表元素的当前索引？
【发布时间】：2013-10-28 09:09:55
【问题描述】：

我对 Dart 很陌生，并且试图知道如何在如下所述的情况下获取列表中元素的当前索引：

1) 当从数据库中获取对象列表并通过 JSON 发送到客户端 Dart Web 应用程序时，我运行服务器 2) 在 Dart 客户端网页上，我想将该列表的元素布局在一个表格中，但采用 mod3 方式，即每三列超过 N 行。

所以我使用 Polymer 模板扫描列表，获取当前元素，将其添加到表中（即编写 HTML 标记），然后检查当前元素的索引是否为 mod3 (%3) 是 = 为零。

我的问题是我不知道如何获取该列表的当前元素索引

任何帮助将不胜感激！

【问题讨论】：

标签： html dart dart-polymer

【解决方案1】：

访问聚合物重复语句中使用的当前迭代器的索引的一种简单方法是使用枚举过滤器。

<polymer-element name="my-element">
  <template>
    <table>
      <tbody template repeat="{{item in myList | enumerate}}">
        <template if="{{item.index % 3 == 0}}">
          <tr>
        </template>
      <td>item.value</td>
        <template if="{{item.index % 3 == 0}}">
          </tr>
        </template>
      </tbody>
    </table>
  </template>
</polymer-element>

但是，这还没有完全完成，因为过去存在无法在表格元素中使用 <template> 的问题。我不能 100% 确定情况是否仍然如此（因为我无法找到任何明确的信息说明解决方案与否）。另一种方法是使用<div> 和类来布局您的数据。

只需使用一些 CSS 将 div 的样式分别设置为 table、table-row 或 table-cell。有关更多信息，请参阅 W3Schools 上的 CSS Display Property。 <div> 解决方案将根据需要允许模板。

【讨论】：