Knockout.js 映射忽略

Question

我们正在 .NET MVC 4 上使用 knockout.js 和 knockout.mapping.js。假设我有这样的 JSON：

{
    "deliveryPointType": "0",
    "deliveryPointTypes": [
        {
            "id": 0,
            "text": "Pridėti rankiniu būdu"
        },
        {
            "id": 1,
            "text": "Siųsti visiems regiono objektams"
        }
    ],
    "showRegionSelection": false,
    "showDeliveryPointSelection": true,
    "regionId": "",
    "userHasRegions": "False",
    "propertyNames": {
        "deliveryPointTypeName": "Pridėti rankiniu būdu"
    },
    "initialMaterials": [
        {
            "quantity": 0,
            "materialTypeId": "",
            "propertyNames": {},
            "validMaterial": true,
            "showMaterialError": false,
            "materialTypeAjax": {
                "quietMillis": 300,
                "cache": false,
                "dataType": "json",
                "type": "GET",
                "url": "/lt-LT/Material/MaterialTypeNameLookup"
            }
        }
    ],
    "deliveryBuildings": [
        {
            "clientId": "1",
            "buildingId": "1",
            "regionId": "",
            "newBuilding": false,
            "validClient": true,
            "validBuilding": true,
            "validRegion": true,
            "showClientError": false,
            "showBuildingError": false,
            "showRegionError": false,
            "propertyNames": {
                "clientName": "klientas",
                "buildingName": "ASD project, Antagynės gatvė, Kaunas, Lietuvos Respublika"
            },
            "clientAjax": {
                "quietMillis": 300,
                "cache": false,
                "dataType": "json",
                "type": "GET",
                "url": "/lt-LT/Task/PayerLookup"
            },
            "buildingAjax": {
                "quietMillis": 300,
                "cache": false,
                "dataType": "json",
                "type": "GET",
                "url": "/lt-LT/Object/GetClientAddressListByQuery"
            },
            "regionAjax": {
                "quietMillis": 300,
                "cache": false,
                "dataType": "json",
                "type": "GET",
                "url": "/lt-LT/Object/RegionNameLookup"
            }
        }
    ],
    "hasNewBuildings": false,
    "showBuildingValidation": false,
    "showMinimumBuildingRequiredValidation": false,
    "showMaterialValidation": false,
    "validRegion": true,
    "showRegionError": false,
    "regionAjax": {
        "quietMillis": 300,
        "cache": false,
        "dataType": "json",
        "type": "GET",
        "url": "/lt-LT/Object/RegionNameLookup"
    } 
}

在表单提交失败时（如果出现问题/服务无效），它会重新填充以前的值。我们在使用$('#BuildingsJSON').val(ko.mapping.toJSON(viewModel.deliveryBuildings)) 提交表单时将 ViewModel 转换为 JSON。

在重新填充表单时，我们解析 JSON，ko.mapping.fromJSON(deliveryBuildings, mapping, viewModel.deliveryBuildings)(); mapping 现在只是一个空对象（尝试“忽略”但没有运气）。

我们使用 select2 字段从列表中选择建筑物的地址（使用 ajax）。事情是，fromJSON 将几乎每个 json 属性填充为可观察的，我不需要。在 select2 打开时，我们得到一个异常：

未捕获的类型错误：对象函数 observable() { if (arguments.length > 0) { // 写

        // Ignore writes if the value hasn't changed
        if (!observable['equalityComparer'] || !observable['equalityComparer'](_latestValue, arguments[0])) {
            observable.valueWillMutate();
            _latestValue = arguments[0];
            if (DEBUG) observable._latestValue = _latestValue;
            observable.valueHasMutated();
        }
        return this; // Permits chained assignments
    }
    else {
        // Read
        ko.dependencyDetection.registerDependency(observable); // The caller only needs to be notified of changes if they did a "read"

操作 返回_最新值； } } 没有方法“toUpperCase”

我已经在 ajax 调用的 type 属性上调试了它的中断位置。我认为我们需要将 ajax 属性排除在转换为 observable 之外。

那么，问题是：如何不将特定对象的特定属性转换为observable()？使用映射插件是否足够，是否需要额外的插件或者甚至是不可能的？

Answer 1

您是否考虑过在映射绑定中使用 copy 关键字？这只是将值复制到 js 属性中，而不是使其成为可观察的。

来自documentation：

var mapping = {
    'copy': ["propertyToCopy"]
}
ko.mapping.fromJS(data, mapping, viewModel);