javascript - 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"))
    };
})();

(フィドル)

ボタンをクリックせずに addItem 関数が呼び出されるのはなぜですか? 関数の最後に () があるためですか?

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

これをイベント専用にするにはどうすればよいですか？それとも私の問題は別の場所にありますか？

Answer 1

新しいアイテムを常に同じように作成したい場合、これはうまくいくはずです。

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

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()
            )
        );
    }
};