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

是否有聚合物dom api方法或其他方式来自动更新重复的模板与附加元素,底层数组是否更新？

我有一个动态数组通过重复的ajax调用更新.该数组不断改变其长度(元素根据ajax响应逐渐增加或删除).该数组通过< template =“dom-repeat”>在文档中反映出来.当底层数组更新时,有没有办法自动更新dom？

目前我唯一可以看到的是

>识别增量更新并手动附加或删除节点.
>删除整个重复模板容器并重新设置一个新的模板.无论如何,我也不知道如何动态地标记一个新的模板.这可能吗？我可以想到实现这一点的一个方法是使用另一个自定义元素来重复模板戳记,并且每当有数组更新时,删除当前元素,通过将更新的数组传递给元素来附加一个新元素.

通过使用2,我将无法使用视图中自动更新的列表的转换效果.我想要能够使用这些效果.

解决方法

如果使用this.push(‘myarray’,{item})更新数组;那么这将触发聚合物的结合观察者.更多信息在 https://www.polymer-project.org/1.0/docs/devguide/properties#array-mutation的文档中