可觀察的數組和計算的誤差

Question

我有一個復選框列表，這些復選框在選中和取消選中時執行功能。 我還有一個可觀察的數組，其中包含當前處於活動狀態（放入本地存儲）的復選框的值。 相關代碼在這里：

this.layerToggleChecked = knockout.observableArray();

// ...

this.layerToggle = function (source, name, type, url, description) {
    return knockout.computed({
        read: function () {
            return this.layerToggleChecked();
        },
        write: function (checked) {
            if (checked) {
                alert("loading");
                this.layerToggleChecked.push(source());
            } else {
                alert("removing");
                this.layerToggleChecked.remove(source());
            }
        }
    }, this);
}

復選框按計划工作，觸發功能，直到我添加return this.layerToggleChecked(); 哪個返回

Knockout-3.2.0.js：13 Uncaught TypeError：b.push不是一個函數

Answer 1

淘汰賽的checked綁定處理數組的方式與其他值不同。 您期望將true或false寫入計算出的可觀察對象，但是您將返回一個數組，這顯然是不一樣的。

來自http://knockoutjs.com/documentation/checked-binding.html ：

如果您的參數解析為array則會給予特殊考慮。 在這種情況下，如果值與數組中的項目匹配，則KO將設置要檢查的元素，如果數組中不包含該元素，則將其取消選中。

當用戶選中或取消選中復選框時，KO將相應地從數組中添加或刪除值。

由於您使用數組保存檢查值，因此最好直接綁定到該數組：

<input type="checkbox" data-bind="checkedValue: source, checked: layerToggleChecked" />