Polymer “我怎么能?”;刷新“;firebase中数据更改后的可旋转铁制容器
我的代码带有可滑动容器和firebase数据的dom重复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">
<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]]
• [[tcmmessage.update]] • [[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]]
• [[tcmmessage.update]] • [[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]]
• [[tcmmessage.update]] • [[tcmmessage.uptime]] </span>
</div>
</paper-card>
</template>
</iron-swipeable-container>