如何確保Knockout.js映射插件不會將null映射到屬性

Question

使用Knockout.js映射插件時，如何檢查值是否爲null並返回其他值。例如，讓我們可以從JSON服務器：

[{「名稱」：「蘋果派」}，{「姓名」：空}]

Knockout.js映射插件將設置最後一個項目爲空。我如何檢查它是否爲空，如果是，然後返回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()); // => ''