通过更改底层数组动态更新 dom-repeat 模板

Dynamic update of dom-repeat templates by changing the underlying array

是否有 Polymer dom api 方法或其他方法自动更新带有附加元素的重复模板,底层数组是否应该更新?

我有一个动态数组,它通过 ajax 反复调用来更新。该数组不断更改其长度(根据 ajax 响应逐渐添加或删除元素)。数组通过<template is="dom-repeat">体现在文档中。有没有办法在基础数组更新时自动更新 dom ?

目前我能看到的只有

  1. 识别增量更新并手动追加或删除节点。
  2. 删除整个重复模板容器并重新标记新模板。反正我也不知道动态标记新模板。这可能吗?我能想到的实现这一点的一种方法是让另一个自定义元素重复模板冲压,每当有数组更新时,删除当前元素,通过将更新的数组传递给元素来附加一个新元素。

使用2,我将无法使用视图中列表自动更新的过渡效果。我希望能够使用这些效果。

如果您使用 this.push('myarray', {item}); 更新数组,那么这将触发 Polymer 的绑定观察器。更多信息位于 https://www.polymer-project.org/1.0/docs/devguide/properties#array-mutation

的文档中