如果父 dom-repeat 数据已更新,则嵌套子 dom-repeat 不会更新



>我有以下嵌套的 dom-repeat:

<firebase-query
  id="query"
  path="[[path]]"
  data="{{parentItems}}"
  app-name="myApp">
</firebase-query>
<template is="dom-repeat"
            items="{{parentItems}}"
            as="parentItem">
    <template is="dom-repeat" items="{{_toArray(parentItem)}}">
      <div>{{item.details}} </div>          
    </template>
 </template>

当从parentItems中添加/删除项目时,嵌套的子 dom-repeat 模板不会重新渲染,即不调用 _toArray()。这种行为是意料之中的吗?如何确保当parentItems更改时,嵌套模板也会更新?谢谢。

我没有如何在 parentItems 属性中添加内容的详细信息,但我假设您执行此类操作

this.parentItems.push(something)
在这种情况下,聚合物

不会看到阵列变化,请尝试使用聚合物推动,

this.push('parentItems', something)

它将在数组中推送它,并通知聚合物结合以更新视图。

最新更新