当页面发生变化时，如何刷新/重新加载Polymer元素？

Question

我创建了一些自定义元素。当他们准备好（由ready()触发）时，他们开始从API下载JSON数据，并向用户显示。 想要在单页应用程序中使用它们，并在数据变得可见时下载数据。 现在，它首先下载所有页面的所有数据，因为我使用了ready()事件。

是否有可能在事件可见时触发事件？

Answer 1

我找到了解决方案。但是，这有点棘手。 首先，我添加了一个名为isEqual的函数。

app.isEqual = function(x, y) {
  return x === y;
};

并使用dom-if。

<section data-route="groups">
  <template is="dom-if" if="{{isEqual(route, 'groups')}}" restamp="true">
    <tend-groups-joined></tend-groups-joined>
  </template>
</section>

所以，基本上它将当前路由与我传递的字符串参数进行比较，如果它与它的restamps匹配。有点棘手，但它确实有效。