Knockout JS 不会更新映射对象

Question

我对 Knockout JS 很陌生。在使用淘汰赛 js 进行映射时，我没有通过 Google 找到太多帮助。我有一个来自服务器的 JSON。我用淘汰赛 js 映射库映射 JSON。与该属性关联的数据绑定 dom 不会更新。 我已经包含了我正在使用的脚本的小提琴。 注意被映射到 observable 的 json 对象。单击加载按钮时，会映射 json 并且属性“test”的值应该显示在标记中。任何想法为什么它没有出现在标签中？

JS fiddle 中有一个工作示例。

http://jsfiddle.net/sLZmQ/

这是被映射的 JSON

 var json = {
"id": 9,
"test": "John Doe",
"firstName": "John",
"lastName": "Doe",
"referenceNumber": "BUY-08",
"position": "Buyer",
"type": "Buyer",
"telephone": "028 82 240780",
"email": "m@email.com",
"departmentId": 3,
"departmentName": "DEPT B",
"country": "United Kingdom"
};

我的示例脚本

var masterModel = function()
{
var self = this;
self.members = ko.observableArray([]);
self.websites = ko.observableArray([]);    
self.seoData = ko.observable();
self.test =  ko.observable();
self.loadWebsite = function(website)
{

var json = {
"id": 9,
"test": "John Doe",
"firstName": "John",
"lastName": "Doe",
"referenceNumber": "BUY-08",
"position": "Buyer",
"type": "Buyer",
"telephone": "028 82 240780",
"email": "m@email.com",
"departmentId": 3,
"departmentName": "DEPT B",
"country": "United Kingdom"
};

              self.test(ko.mapping.fromJS(json))
              console.log(self.test);


}    
}
    var master = new masterModel();

   ko.applyBindings(master);

问题是当你点击 loadWebsite 时，$data.test.test 没有更新！

Answer 1

我更新了，它似乎可以进行一些小的更改：

http://jsfiddle.net/bYQu7/

关键是我取消了对“测试”可观察对象的引用：

<h1 data-bind="text: test().test">?</h1>

而且我还初始化了初始值：

self.test = ko.observable({ test: ko.observable('WTF') });