Ember.js：無法將數據數組綁定到表格

Question

我有一個名爲Customer的可以有多個電話號碼的ember-data模型。爲了做到這一點，我的json feed返回一個屬性phoneNumber的數組，並且一切工作正常。

問題是，它似乎我無法將此數組綁定到我的模板。事實上，如果我在我的控制器上創建一個屬性並在我的模板上迭代（通過#each），一切都呈現得很好，但是當我開始編輯時，第一次擊鍵後焦點就會丟失。

下面是一個JSBin顯示問題：JSBin

非常感謝！

Answer 1

您正在使用簡單的字符串作爲您的模型。爲了「改變」一個字符串，我認爲Ember會刪除舊字符串，並在新字符串中拼接。當發生這種情況時，數組合成的改變會導致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'})]) 
    }; 
    } 
}); 

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

Live demo。