polymer - 当页面更改时，如何刷新/重新加载 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>

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