如何在Polymer 1.0中重新加载/刷新铁列表？

Question

我已将一项添加到绑定到iron-list的数据属性中。

this.data.push(item); // add new item to array

现在已添加数据项，但列表不会刷新/重新加载以显示添加到 data 数组的新项目。你如何重新加载铁列表？也似乎无法在iron-list API page上找到方法。我尝试过以下但没有快乐......

var list = this.querySelector("iron-list");
list.fire('refresh');
list._refresh();

我的数据属性定义如下：

Polymer({
  is: "page-list",
  properties: {
    data: {
      type: Array,
      notify: true
    }

模板结构是：

<iron-ajax url="./data.json" last-response="{{data}}" auto></iron-ajax>
<iron-list items="[[data]]" as="item" class="fit">
  <template>
    <div class="row">
      <p>[[item.name]]</p>
    </div>
  </template>
</iron-list>

Answer 1

您需要使用 Polymer 功能添加新项目，如下所示 -

this.push('data', item);

  

items数组本身的突变（push，pop，splice，shift，   unshift）必须使用Polymer元素提供的方法执行，   这样可以观察到任何与之相关的元素的变化   树中的数组。

您可以从here了解更多信息。