Javascript Ember.js:无法将数据数组绑定到表单

我有一个名为Customer的ember数据模型，它可以有多个电话号码。为此，我的json提要返回一个属性phoneNumber的数组，一切正常

问题是我似乎无法将此数组绑定到模板

事实上，如果我在我的控制器上创建一个属性并在我的模板上迭代（通过#each），一切都呈现得很好，但是当我开始编辑时，在第一次击键后焦点就丢失了

下面是一个JSBin，显示了问题：

---

非常感谢

您正在使用简单字符串作为模型。为了“改变”一个字符串，我认为余烬删除了旧的一个，并在新的一个拼接。当这种情况发生时，数组组成的变化会导致DOM重新绘制。这就是你失去注意力的原因

您需要用Ember可以更新的某种模型/对象替换文本字符串

App.IndexRoute = Ember.Route.extend({
  model: function() {
    return {
      user: 'Foo',
      val: Ember.A([Ember.Object.create({content: 'Edit A'}),
            Ember.Object.create({content: 'Edit B'}),
            Ember.Object.create({content: 'Edit C'})])
    };
  }
});

{{{#每个列表}
{{input value=content}
{{/每个}}

---

.

有道理！谢谢：-）

  <script type="text/x-handlebars" data-template-name="index">
    <ul>
    {{#each list}}
      {{input value=content}}
    {{/each}}
    </ul>
  </script>