javascript - 如何使用 JSON 对象填充 Knockout 表单

Question

我有一个表单，我想使用来自 JSON 对象的 knockout 数据绑定(bind)来填充它。我已经使用 knockout 法对这些值进行了硬编码。我真正想要的是，因为我有一个 JSON 对象，我如何将其转换为 knockout 可以用来动态填充我的表单的数据？这是我的 FIDDLE

 <p>Hero Name: <span data-bind="text : HeroName" /></p>
 <p>Agent Writing Number: <span data-bind="text : HeroCode" /></p>
 <p>Contact Phone:  <span data-bind="text : ContactPhone" /></p>


var HeroDetails = $.get("GetHeroDetailsForVillianView", {
                HeroRequestIdForvillianDetailsView: HeroRequestIdForVillianDetailsView
            }, function (returnDataForDetails) {
                var results = JSON.parse(returnDataForDetails);

   $('#json').text(JSON.stringify({HeroName:'PeterParker', ContactPhone: '123456', HeroCode: 3 }, null, 4));


 function ViewModel() {
var self = this;

 self.HeroName = ko.observable("Peter Parker");
        self.ContactPhone = ko.observable("123456858");
        self.HeroCode = ko.observable("2455654");

 }

ko.applyBindings(new ViewModel());

Answer 1

查看 this KO 文档的页面以获取更多详细信息。您可能还对 mapping 感兴趣插件。

这是我使用的模式:

function ViewModel(data) {
  var self = this;

  self.HeroName = ko.observable(data.HeroName);
  self.ContactPhone = ko.observable(data.PhoneNumber);
  self.HeroCode = ko.observable(data.HeroCode);

}

var viewModel;
$.getJSON("/some/url", function(data) { 
    viewModel = new ViewModel(data);
})

ko.applyBindings(viewModel);