基因敲除映射，初始值和计算结果

Question

我一直在构建模型系统，当它发生时，我可能通过使用映射插件使我的生活更轻松，但我面临的问题很少。

事情是我没有在初始化时刻的数据，但我仍然想提供空的属性到屏幕上。我通过在初始化时定义模型并稍后使用值更新模型来实现这一点。

App.Models.User = { 
    name: null, 
    username: null, 
    gender: null, 
    email: null, 
    img: null 
}; 
var me = ko.mapping.fromJS(App.Models.User); 

虽然我不知道这是完成任务的最佳方式，但工作得很好。

但是现在我想更新img属性，我不确定如果我想从它创建一个新的属性或让该属性更新自己，想知道两个方案都可以做到。

我从服务器的数据看起来有点像这个

{"me": 
    { 
     "username"  :"john", 
     "email"   :"johndoe@gmail.com", 
     "name"   :"John Doe", 
     "gender"  :"male", 
     "img"   :"profile_img_john.jpg" 
    } 
} 

我想更新IMG或从它创建一个新的属性，使其images/profile_img_john.jpg

希望所有有意义。

Answer 1

我会拆分淘汰赛视图模型创建和初始化部分。它可以让你创建没有任何实际数据的视图模型，将它绑定到HTML，然后用真实数据进行更新。

见例如我为你在这里创造：http://jsfiddle.net/apuchkov/zscP2/

var data = { "me": 
    { 
     "username"  :"john", 
     "email"   :"johndoe@gmail.com", 
     "name"   :"John Doe", 
     "gender"  :"male", 
     "img"   :"profile_img_john.jpg" 
    } 
} 

var User = function(data) { 
    this.name = ko.observable(); 
    this.username = ko.observable(); 
    this.gender = ko.observable(); 
    this.email = ko.observable(); 
    this.img = ko.observable(); 

    this.update(data); 
}; 

ko.utils.extend(User.prototype, { 
    update: function(data) { 
     this.name(data.name || ""); 
     this.username(data.username || ""); 
     this.gender(data.gender || ""); 
     this.email(data.email || ""); 
     this.img(data.img || "default-image-url.png"); 
    } 
}); 

//firstly create viewmodel without any data 
var user = new User({}); 
ko.applyBindings(user); 

//then set data later 
user.update(data.me);