在Polymer 2.0中，如何观察对绑定到dom repeat内元素的对象属性的编辑？

（此问题和代码示例适用于Polymer 2，但1.x中可能存在相同的问题）

目标：

我想创建一个元素（编辑器），它允许查看/编辑某些类型对象的属性，另一个元素（列表），它显示这些对象的可编辑数组，将查看/编辑委托给编辑器元素，同时保留对列表中OBEJCT的添加/删除的控制。待办事项清单就是一个很好的例子（注：就我所知，到处都是待办事项清单的例子，不要做我需要做的事情，继续读下去看看原因）。我试图在Polymer 2.0中做到这一点，但不清楚该问题是否特定于2.0

障碍：

首先，这里有一些关于plunker的代码：

列表元素：

<link rel="import" href="./editor-element.html">

<dom-module id="list-element">
    <template>
        <dom-repeat items="{{list}}" as="item">
            <template>
                <div class="item">
                    <editor-element todo="{{item}}">
                    </editor-element>
                </div>
            </template>
        </dom-repeat>

    </template>
    <script>

        class ListElement extends Polymer.Element {

            static get is() {
                return "list-element";
            }

            static get properties() {
                return {
                    list: {
                        type: Array,
                        value:function() {
                            return []
                        }
                    }
                }
            }

            ready() {
                super.ready();
                this.push("list", {
                    description:"one"
                })
                this.push("list", {
                    description:"two"
                })
                setTimeout(function() {
                    this.set("list.0.description", "one edited");
                }.bind(this), 500)
                setTimeout(function() {
                    this.push("list", {
                        description:"three"
                    })
                }.bind(this), 1000)
            }
        }

        customElements.define(ListElement.is, ListElement);

    </script>
</dom-module>

类ListElement扩展了Polymer.Element{
静态get是（）{
返回“列表元素”；
}
静态获取属性（）{
返回{
名单：{
类型：数组，
值：函数（）{
返回[]
}
}
}
}
就绪（）{
super.ready（）；
这个.push（“列表”{
描述：“一个”
})
这个.push（“列表”{
描述：“两个”
})
setTimeout（函数（）{
此.set（“list.0.description”，“一次编辑”）；
}.绑定（这个），500）
setTimeout（函数（）{
这个.push（“列表”{
描述：“三”
})
}.绑定（这个），1000）
}
}
customElements.define（ListElement.is，ListElement）；

编辑器元素：

<dom-module id="editor-element">
    <template>
        <div>Editor for [[todo.description]]</div>
    </template>
    <script>

        class EditorElement extends Polymer.Element {

            static get is() {
                return "editor-element";
            }

            static get properties() {
                return {
                    todo:{
                        type:Object,
                        value:function() {
                            return {};
                        }
                    }
                }
            }

            static get observers() {
                return [
                    "observe(todo.description)"
                ]
            }

            observe(p1) {
                console.log("Observed change for TODO item description: "+p1);
            }
        }

        customElements.define(EditorElement.is, EditorElement);

    </script>
</dom-module>

[[todo.description]]的编辑器
类EditorElement扩展了Polymer.Element{
静态get是（）{
返回“编辑器元素”；
}
静态获取属性（）{
返回{
待办事项：{
类型：对象，
值：函数（）{
返回{}；
}
}
}
}
静态获取观察器（）{
返回[
“遵守（待办事项说明）”
]
}
观察（p1）{
console.log（“TODO项目描述的观察到的变化：”+p1）；
}
}
定义（EditorElement.is，EditorElement）；

问题在于，除了编辑现有的待办事项外，在创建新的待办事项时，还将触发编辑器中本应监视待办事项编辑的观察者。新的待办事项和尚未编辑的现有待办事项都会发生这种情况。换句话说，如果列表中已经有项目A和B，并且我添加了项目C，那么编辑器中的to-do属性观察器将被触发三次，每个新/现有项目触发一次。无论是将新项推送到列表中还是将其取消移动到列表中，都会发生这种情况。我从对Polymer 2松弛通道的讨论中了解到，非移位行为是预期的，但推动行为是意外的

问题：

实现该用例的聚合物方法（最好是2.0）是什么？我不想用处理对待办事项编辑的代码污染列表元素。to-do项本身是将来可能获得更多属性的对象，因此我不想将dom重复项的每个属性单独绑定到Editor元素中的属性，因为这是一个代码维护麻烦。我只想在dom repeat的每个过程中绑定整个待办事项，并允许编辑器处理哪些属性是可编辑的以及如何编辑

---

我的问题的答案可能是“聚合物不能做到这一点”，也可能是“你误解了聚合物的一些基本原理”，我很想知道其中一个或两个，所以如果我遗漏了一些重要的东西，请直接告诉我。不过，希望有一种方法可以满足我的要求。

您在2.0中使用的observer似乎已经正确了，我想您可能在

2.0-preview

分支中看到了一个bug。我建议为此创建一个报告，以便聚合物团队能够确认/澄清

FWIW，该问题在Polymer 1.x中没有出现（即，仅针对新添加的项目调用观察者），如下所示：

HTMLImports.whenReady（（）=>{
类编辑元素{
注册前{
this.is='editor element'；
this.properties={todo:Object}；
this.observer=[“observe（todo.description）”；
}
观察（p1）{
console.log（“TODO项目描述的观察到的变化：”+p1）；
}
}
聚合物（编辑元素）；
类列表元素{
注册前{
this.is='列表元素'；
此属性={
名单：{
类型：数组，
值：（）=>[]
}
};
}
_pushItem（）{
this.push（“list”，{description:`item${this.list.length}`）；
}
}
聚合物（李斯特元素）；
});

[[todo.description]]的编辑器
推送项目
您指的是与dom repeat不同的东西吗？我正在循环，但每个循环中压印的模板由编辑器处理