Javascript 选择集合更新

我制作了一个JsBin，用于演示我的问题：

爆炸：

在第一个选择中，我有客户。此select的值（客户值）过滤第二个select的（联系人）集合。如果选择客户，“新联系人”按钮将启用。点击它会在双人餐厅添加一个新的联系人“Dale”。 （在我的应用程序中，它是一个表单，新联系人将添加到所选客户）

测试

• 选择“双人餐厅”
• 添加新联系人（添加了Dale，但他不在双人餐厅联系人列表中）
• 改为“大北方酒店”
• 回到“双餐车”->戴尔在名单上

---

当添加新元素时，联系人属性自动更新会很好。这不应该是默认行为吗？或者我必须以某种方式触发它？

总的来说，一个好的经验法则是查看您的计算属性中所需的所有属性，如果其中任何一个属性对计算属性的值产生差异（我假设它们都有），那么它们应该在property方法中定义

在本例中，您需要查看集合中的每个属性，为此，我们使用

@each

关键字。需要注意的是，使用

@每一个
都不能超过一个级别

这里我们要说的是，任何时候向联系人添加/删除任何新记录，或者其中任何联系人的
partner
属性发生更改（
partner
本身，而不是
partner.foo
，必须更改
partner
引用），那么该属性就是脏的

例如：

  contact_persons: function(){
    var id = parseInt(this.get('customer_value'),10);
    return this.get('contactPersons').filterBy('partner.id',id);
  }.property('customer_value', 'contactPersons.@each.partner'),