当页面更改时，如何 refresh/reload 聚合物元素？

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>

所以，基本上它会将当前路由与我传递的字符串参数进行比较，如果匹配则重新标记。有点棘手，但它奏效了。

当页面更改时，如何 refresh/reload 聚合物元素？

How can I refresh/reload Polymer element, when page changes?

polymer