如果options.data为null，你应该怎么做更新knockout.mapping的回调？

Question

这是比this问题更进一步的问题。

我有一个为空的子属性视图模型，就像之前提到的问题

var data = [{ id: 0, child: { prop1 : 'a', prop2 : 'b' } } //Child object has data 
      ,{ id: 0, child: null } ]; // Child object is null 

现在我想用映射插件的更新回调，而做到这一点，如下所示：

var mappingOptions = { 
    child: { 
     create: function(options) { 
      if (!options.data) 
       return null; 
      return ko.mapping.fromJS(options.data); 
     }, 
     update: function(options) { 
      if (!options.data) 
       return null; 

      // some update logic... 

      return options.target; // this is also null in case options.data is null 
     } 
    } 
} 

现在，当options.data为空时，在控制台“Uncaught TypeError：object is not a function”中出现错误，指向此映射插件中的代码：

...  
if (hasUpdateCallback()) { 
    mappedRootObject(updateCallback(mappedRootObject)); 
} 
... 

其中mappedRootObject未定义。

那么如果options.data为null，我应该从更新回调中返回什么？

JSFiddle Demo.

Answer 1

嘛，万一别人也会面临同样的问题，我刚刚更新ko.mapping插件的JavaScript如下：

...  
if (hasUpdateCallback() && mappedRootObject) { 
    mappedRootObject(updateCallback(mappedRootObject)); 
} 
... 

所以，我更新前检查mappedRootObject的存在性。虽然它运行良好，但我发现了一种方法，即如何避免在我的项目中使用更新回调，因此，不幸的是，此修复对我来说毫无用处。

Answer 2

原因之一，你永远不跑你的模型ko.applyBindings。

http://jsfiddle.net/wEfWR/3/

ko.applyBindings(ko.mapping.fromJS(data)) 

其次，你的ViewModel对象不是一个函数......也不是真的有必要。

新小提琴： http://jsfiddle.net/wEfWR/5/

你的“孩子”对象不包含儿童不含孩子本身的数据，因此你需要更新你的“身份证”对象，而不是。

update: function(options) { 
    console.log(options); 
    return options.data; 
}, 
'child': { 
    create: function(options) { 
     if (!options.data) 
      return null; 
     return ko.mapping.fromJS(options.data); 
    } 
}