knockout.js - 使用映射插件淘汰复杂的嵌套对象绑定

Question

我在绑定使用 Knockout.js 的映射插件创建的淘汰对象时遇到问题。

像往常一样映射可访问单级属性。但是无法访问多级对象属性。我不明白为什么？

HTML 文件：

message is: <span data-bind="text: myMessage"></span> 
<span data-bind="with: myMsg"><span data-bind="text: ab"></span></span> 
<span data-bind="foreach: arr"><span data-bind="text: z"></span></span> 

JS文件：

var viewModel = {
    myMessage: "Hello, world!",
    arr: [{z: 1}],
    myMsg: {
        ab: 'hhi'
    }
};

var k = ko.mapping.fromJS(viewModel);

alert(k.myMsg.ab());
alert(k.arr()[0].z());

ko.applyBindings(k);

这是一个 JSFiddle 链接：http: //jsfiddle.net/pbheed/badZb/37/