Question

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

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

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

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

任何帮助都将受到高度赞赏！

Answer 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>解决方案将根据需要允许模板。

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

1 个答案: