Ember.js itemController 控制器泄漏变量

Question

我有一个 itemController，它有两个字段：isExpanded 和 newComment。 isExpanded 工作得很好并且绑定到每个 itemController，但是 newComment 以某种方式被 itemController 的所有实例共享。而且只会第一次分享。在我提交新评论后，该 textarea 不再与其他 textarea 共享相同的绑定，但其余的 textarea 仍然神秘地绑定到同一个 ghost newComment。为什么？

http://emberjs.jsbin.com/gojuhega/1/edit

[1]上一个问题已删除并隔离到此 jsbin。

Answer 1

似乎当基于DiscussionController原型创建新控制器时，它的属性是浅拷贝的。由于您的 newComment 是引用类型，因此您最终会得到 3 个控制器，它们都共享同一个实例。只有当您单击“创建”时，各个控制器才会获得自己的实例。

一种可能的解决方案：

App.DiscussionController = Ember.Controller.extend({
  isExpanded: false,

  newComment: null,
  actions: {
    toggleExpand: function(){
      this.toggleProperty('isExpanded');
      if (!this.get("newComment")) {
        this.set("newComment", {body:""});
      }
    },
    createComment: function() {
      this.set('newComment', {
        body: ''
      });
    }
  }
});