ノックアウトでViewModelが更新されない

Question

フィールド値が少ないdefautビューモデルを持つノックアウトスクリプトがあります。フォームにデータを入力して送信すると、更新された値は返されません。たとえば、郵便番号はデフォルト負荷で定義した値Iのままです。ここでの問題は、ページがロードされる前であっても結合ノックアウトを実行しているか、あなたはそれがコード実行のために作成される前のViewModelにアクセスしようとしていることをされている可能性があり、コード

$(function() { 
    ViewModel.zipCode.subscribe(function (value) { 
     $.get("/api/abc/GetCounties?zipCode=" + value, null, ViewModel.county, 'json');  
    }.bind(this)); 
}); 

var ViewModel = function (data) { 
    var self = this; 

self.zipCode = ko.observable(data.zipCode); 
self.dateOfEvent = ko.observable(new Date()); 

//Enrollment reasons 
self.enrollmentReasons = ko.observableArray(new Array()); 
$.get("/api/abc/reasons", null, self.enrollmentReasons, 'json'); 

//county from Zipcode subscribed 
self.county = ko.observableArray(new Array()); 
$.get("/api/utilityapi/GetCounties?zipCode=" + data.zipCode, null, self.county, 'json'); 

self.selectedChoice = ko.observable(); 
self.applicants = ko.observableArray(); 
self.applicants.push(new getaquoteapplicant()); 

//IsValid zip subscribed 
self.isValidZip = ko.observable(false); 


//operations 
self.addApplicant = function() { self.applicants.push(new getaquoteapplicant()) }; 
self.removeApplicant = function (getaquoteapplicant) { self.applicants.remove(getaquoteapplicant) }; 
self.save = function() {  
    $.ajax({ 
     url: '/xyz/start', 
     type: 'POST', 
     contentType: 'application/json; charset=utf-8', 
     data: JSON.stringify(data), 
     success: function (result) { 
      window.location.replace('/getaquote/planoptions', result); 
     } 
    }); 
} 

} 

var getaquoteapplicant = function() { 
    var self = this; 
    self.coverageFor = [ 
     { name: "Self" }, 
     { name: "Spouse/Life Partner" }, 
     { name: "Son" } 
    ]; 

    self.dateofBirth = ko.observable(); 
    self.tobaccoUser = [ 
     { name: "Yes", value: true }, 
     { name: "No", value: false } 
    ]; 
}; 
var defaultmodel = { 
    dateOfEvent: new Date(), 
    selectedChoice: 4, 
    zipCode:55044 
} 

ViewModel = new ViewModel(defaultmodel); 
ko.applyBindings(ViewModel); 

`

Answer 1

です。最後に、モデル自体を割り当てるよりも、モデルの新しいインスタンスを作成するほうが常に優れています。

私は下のフィドルでそれらを作成しました。コード内のエラーがある場合には、一般的に起こる

https://jsfiddle.net/ramkiFiddle/npsgq8uL/1/

$(document).ready(function() { 

    var viewModel = new ViewModel(defaultmodel); 
    ko.applyBindings(viewModel); 
});