javascript - 更新 polymer 元素模板

Question

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

动态更新同级 polymer 元素模板的最佳实践是什么？

使用 polymer V0.5.5

Answer 1

其中一种模式是信号传递。您可以考虑使用 core-signal，然后触发一个信号并在其他元素中监听该信号，然后根据该信号采取行动。

需要注意的一件事是，如果元素位于条件模板内并且不在 Shadow dom 中渲染，则它不会监听事件，因为它不会被渲染。