更新聚合物元素模板

Updating a polymer element template

好的,所以我有一堆聚合物客户元素兄弟姐妹作为我的单页应用程序的不同页面...它们都包含在 core-animated-pages 元素中。我通过使用 core-localstorage 作为后端的共享自定义元素来传递数据。现在,一个 child 完成了,它会触发一个事件让 parent 显示下一个兄弟。激发的事件可能会或可能不会触发相关兄弟姐妹根据从另一个兄弟姐妹中的用户接收到的数据更改其视图。这通常使用模板来完成。我发现,如果更改发生在当前页面上,模板模型会更新并根据更新后的模型重新绘制。但是,如果此更改影响了尚不可见的同级,尽管它的模型实际上已更新(做了一些 console.log 跟踪......不好玩)视图本身已更新以反映更改......

动态更新兄弟聚合物元素模板的最佳做法是什么?

使用 Polymer V0.5.5

其中一种模式是信号。您可以考虑使用核心信号,然后发出一个信号并在其他元素中收听该信号,然后根据该信号采取行动。

需要注意的一件事是,如果元素在条件模板内并且确实在阴影中呈现 dom,它不会监听事件,因为它不会被呈现。