knockout.js - 如何确保 Knockout.js 映射插件不会将 null 映射到属性

Question

使用 Knockout.js 映射插件，我如何检查一个值是否为null并返回其他值？例如，假设我来自服务器的 JSON 是：

[{'Name': 'Apple Pie'}, {"Name": null}]

Knockout.js 映射插件会将最后一项设置为 null。我如何检查它是否为空，如果是，则返回 ko.observable('')？

Answer 1

使用更新映射；name如果值为 ，则强制执行默认值null。

var data = {
  pies: [
    { name: 'Apple Pie' },
    { name: null }
  ]
};

var mapping = {
  'name': {
    update: function(options) {
      return options.data || '';
    }
  }
}
var viewModel = ko.mapping.fromJS(data, mapping);
var pies = viewModel.pies();

console.log(pies[0].name()); // => 'Apple pie'
console.log(pies[1].name()); // => ''