如何在Ember中編輯視圖時停止事件冒泡

Question

我正在Ember中處理一些可編輯的視圖，請單擊此處查看我的jsbin，並且我想編輯當前視圖時都遇到問題。 如您所見，問題是，一旦我單擊以編輯單個視圖，所有其他事務都變為可編輯狀態，我不希望這樣做，我希望只有一個項目變為可編輯狀態，而不是全部。 我不知道我在做什么錯，從另一方面來說，如果我刪除一個，它會很好地工作。

在我的控制器中，該函數是：

edit:function(ob){
    this.map(function(item,index){
        if(ob.id===item.id)
            Em.set(item,'editable',true);
        });
    },

Answer 1

我認為您的問題源於以下事實：您要比較的對象上沒有.id屬性。

嘗試這個...

this.forEach(function(item) {
    if (ob === item) {
      Em.set(item, 'editable', true);
    }
  });

盡管我在您的代碼中確實注意到了，但是當您將一個項目添加到列表中時，您正在添加另一個編輯輸入，並且正在進行一些綁定。 但這應該回答您關於為每個項目設置編輯的問題。

您的函數將所有項目都設置為可編輯的原因是因為ob.id === item.id，因為它們都不存在，所以這是一個真實的聲明……因此所有項目都被設置為editable = true。

狩獵愉快！