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

Question

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

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

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

Answer 1

使用the update mapping ;如果 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()); // => ''