Knockout.js：將元素添加到observable-array

Question

我有一個元素加載到我的項目中的問題Observable-Array - 帶有事件。

ViewModel = (function() { 
    var 
     items = ko.observableArray([]), 

     removeItems = function (element) { 
      items.remove(element); 
     }, 
     saveAll = function() { 
      return ko.toJS(items); 
     }, 
     addItem = function (element) { 
      items.push(element); 
      return false; // no Page-Reload after button-klick 
     }; 

    return { 
     Items: items, 
     // i call addItem with a dummy object (for testing) 
     clickSave: addItem(new Customer(1, "Tfsd", "Tfsd")) 
    }; 
})(); 

（fiddle）

爲什麼叫的addItem功能，甚至不需要點擊按鈕？是因爲函數末尾的（）嗎？

addItem = function (element) { 
     items.push(element); 
     return false; // no Page-Reload after button-click 
    }; 

我該怎麼做才能讓這個事件發生？ 或者是我的問題在別的地方？

Answer 1

使用

return { 
    Items: items, 
    clickSave: addItem 
}; 

Answer 2

爲什麼調用addItem函數，甚至沒有點擊按鈕？是因爲函數末尾的（）嗎？

是的。

而是執行此操作：

return { 
    Items: items, 
    clickSave: function() { 
     addItem(
      new Customer( 
       items().length + 1, // or whatever you use to determine new IDs 
       $("#inputVorname").val(), 
       $("#inputNachname").val() 
      ) 
     ); 
    } 
}; 

Answer 3

，如果你想在新的項目總是被創建的同一這應該工作。

return { 
    Items: items, 
    clickSave: addItem.bind(null, new Customer(1, "Tfsd", "Tfsd")) 
};