javascript - 在 Polymer 自定义元素中，是否可以观察集合中项目的属性是否发生变化？

Question

我有一个自定义的 Polymer 元素，它包含一个项目数组，将它们呈现为一个表格。我发现当数组中某项的属性发生更改时，显示不会更新。

the second of these example tables 中有问题的演示.

我怀疑它可能与使用 repeat 循环来渲染每个属性有关，而不是在模板中指定实际的属性名称，因此属性的路径没有得到附有观察员？

我正在通过在其中一个属性更改后对项目进行字符串化和重新解析，然后将其拼接回数组来解决这个问题，但这显然效率低下。

有没有办法确保 Polymer 在集合中某个项目的属性更改时更新显示？

Answer 1

我相信您是正确的，只有顶级标识符会被观察到变化，而不是它们的属性。例如，如果您有以下表达式:

{{ { article: article, field: field }} 

仅检测对 article 和 field 的更改 - 不会检测对其属性的更改，例如 article.id。

在这种情况下，我可以通过将表达式和过滤器替换为以下内容来使您的示例正常工作:

{{ article[field] }}

数组访问没有记录为在表达式中受支持，但这显然是一种疏忽。我已经开了一张票来更新文档:

https://github.com/Polymer/polymer/issues/486