javascript - knockout 在数组中设置可观察数组

Question

我有一个关于 knockout 的小问题。

我做了一个 View 模型看起来像这样(还有更多子项，然后是“操作”)

{
"PlatformSettings": [
    {
        "Actions": [
            {
                "Selected": false,
                "Text": "None",
                "Value": "None"
            },
            {
                "Selected": true,
                "Text": "Validation1",
                "Value": "Validation1"
            },
            {
                "Selected": true,
                "Text": "Validation2",
                "Value": "Validation2"
            },
            {
                "Selected": true,
                "Text": "Validation3",
                "Value": "Validation3"
            }
        ],
        "Platform": {
            "Id": "89",
            "Description": "ONTWIKKELB"
        }
    },{
        "Actions": [
            {
                "Selected": false,
                "Text": "None",
                "Value": "None"
            },
            {
                "Selected": true,
                "Text": "Validation1",
                "Value": "Validation1"
            },
            {
                "Selected": true,
                "Text": "Validation2",
                "Value": "Validation2"
            },
            {
                "Selected": true,
                "Text": "Validation3",
                "Value": "Validation3"
            }
        ],
        "Platform": {
            "Id": "89",
            "Description": "ONTWIKKELB"
        }
    }

它工作正常，但是当我在 View 中编辑复选框并映射它们时

 self.Save = function(validate) {
        var unmapped = ko.mapping.toJSON(self);            
        ******
        return false;
};

未映射不显示更改。所有选择的值仍然显示为页面加载时的状态。我试图制作可观察的数组，但过去 2 小时，但我无法弄清楚。

非常感谢

Answer 1

使数组可观察将在添加\删除时通知订阅者。使每个元素的“selected”属性可观察将在其更改时通知订阅者并允许两种方式绑定(bind)。

所以基本上，让每个数组元素的 selected 属性也成为可观察的。