聚合物dom-repeat Iron-data-table

Question

所以，我有一个类似如下的数据：

data: {
  0: {
    id: 1
    name: Config1
    devices: {
      data: {
        0: {
          id: 1
          ip_address: 192.168.11.1
        },
        1: {
          id: 2
          ip_address: 192.168.11.2
        },
        ..
    },
  },
  1: {
    id: 2
    name: Config2
    devices: {
      data: {
        0: {
          id: 1
          ip_address: 192.168.11.3
        },
        1: {
          id: 2
          ip_address: 192.168.11.4
        },
        2: {
          id: 3
          ip_address: 192.168.11.5
        },
        ..
    },
  },
  ..
}

假设我想在<iron-data-table>中显示它，我希望是这样的：

Config Name | IP Address
Config1 | 192.168.11.1 - 192.168.11.2
Config2 | 192.168.11.3 - 192.168.11.4 - 192.168.11.5

这是当前的代码：

<iron-ajax url="data" last-response="{{response}}" auto></iron-ajax>

<iron-data-table items="[[response.data]]">
  <data-table-column name="Config Name">
    <template>[[item.name]]</template>
  <data-table-column>

  <data-table-column name="IP Address">
    <template is="dom-repeat items="[[item.devices.data]]" as="dev">
      [[dev.ip_address]]
    </template>
  <data-table-column>

</iron-data-table>

问题是，IP地址没有显示出来。我需要使用像<dom-repeat>这样的东西，因为每个配置的设备数量是不同的，比如id=1有2个设备，id=2有3个。

有没有其他方法来解决这个问题？

感谢您的关注和帮助。

Answer 1

正如你已经注意到的，dom-repeat在这里是行不通的。您唯一的解决方案是编写一个函数，然后以字符串的形式返回ip。

<data-table-column name="IP Address">
   <template>[[_getIpAddresses(item)]]</template>
<data-table-column>

小建议: iron-data-table已经死了没人会维护这个repo最好使用vaadin-grid