【问题标题】:Dynamic update of dom-repeat templates by changing the underlying array通过更改底层数组动态更新 dom-repeat 模板
【发布时间】:2015-06-11 20:56:28
【问题描述】:

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

我有一个通过 ajax 调用反复更新的动态数组。这个数组不断改变它的长度(元素会根据 ajax 响应递增或删除)。该数组通过<template is="dom-repeat"> 反映在文档中。有没有办法在底层数组更新时自动更新 dom?

目前我能看到的唯一方式是

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

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

【问题讨论】:

    标签: javascript dom polymer polymer-1.0


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-01-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-10-22
      • 2019-07-11
      • 2014-04-26
      • 2016-01-03
      相关资源
      最近更新 更多