Polymer “我怎么能?”;刷新“;firebase中数据更改后的可旋转铁制容器

Polymer “我怎么能?”;刷新“;firebase中数据更改后的可旋转铁制容器,polymer,Polymer,我的代码带有可滑动容器和firebase数据的dom重复 <iron-swipeable-container id="teamchat"> <paper-card class="swipe item blue"> <template is="dom-repeat" items="[[tcmmessages]]" as="tcmmessage"> <div class="card-content">

我的代码带有可滑动容器和firebase数据的dom重复

<iron-swipeable-container id="teamchat">
    <paper-card class="swipe item blue">

      <template is="dom-repeat" items="[[tcmmessages]]" as="tcmmessage">
        <div class="card-content">
          <b>[[tcmmessage.teamname]]</b><br>  
          [[tcmmessage.beitrag]]<br>

          <span class="chatmetadata">von [[tcmmessage.username]]
                &bull; [[tcmmessage.update]] &bull; [[tcmmessage.uptime]] </span>
        </div>
      </template>

    </paper-card>
</iron-swipeable-container>
并使用“\u onTeamChatSwipe”删除firebase数据

那很好


但是,当有新的firebase数据时,我如何在不刷新整个页面的情况下将iron swipeable容器重新带回来?我找不到解决方案。

看起来您只创建了一张包含多条消息的
纸卡。刷卡时,您的代码没有模板来重新填充容器

你真的想为每条信息制作一张卡片吗?这需要在模板转发器内移动
纸卡
,如下所示:

<iron-swipeable-container id="teamchat">
  <template is="dom-repeat" items="[[tcmmessages]]" as="tcmmessage">
    <paper-card class="swipe item blue">
      <div class="card-content">
        <b>[[tcmmessage.teamname]]</b><br>  
        [[tcmmessage.beitrag]]<br>

        <span class="chatmetadata">von [[tcmmessage.username]]
              &bull; [[tcmmessage.update]] &bull; [[tcmmessage.uptime]] </span>
      </div>
    </paper-card>
  </template>
</iron-swipeable-container>

谢谢你的回答!我的第一个想法是将相同类型的消息“通知”分组到一个可刷卡容器中,并在刷卡时删除该组。但我可以把这个改成你的建议。铁制可旋转容器现在会自动为每条消息重新填充一张纸卡。好的现在我必须弄清楚如何才能删除被刷掉的“通知”信息。我被卡住了!我想不出如何使用刷卡的“钥匙”。已经试过了,var card=this.$$(“#tcmcard”);var key=card.getAttribute(“数据索引”);但刷卡事件后,我无法访问刷卡的数据索引。如果您想创建一个新问题,我有一个答案给您。以下是
<iron-swipeable-container id="teamchat">
  <template is="dom-repeat" items="[[tcmmessages]]" as="tcmmessage">
    <paper-card class="swipe item blue">
      <div class="card-content">
        <b>[[tcmmessage.teamname]]</b><br>  
        [[tcmmessage.beitrag]]<br>

        <span class="chatmetadata">von [[tcmmessage.username]]
              &bull; [[tcmmessage.update]] &bull; [[tcmmessage.uptime]] </span>
      </div>
    </paper-card>
  </template>
</iron-swipeable-container>