जावास्क्रिप्ट नॉकआउट बाइंडिंग नेस्टेड ऑब्जेक्ट्स काम नहीं कर रहे हैं

Question

मैं नॉकआउट जावास्क्रिप्ट लाइब्रेरी के उपयोग के लिए अपेक्षाकृत नया हूं। मुझे एक अवलोकन योग्य संपत्ति मिल रही है जो किसी अन्य वस्तु का एक वस्तु है। यहां मेरा कोड है:

function Customer(id) { 
    var self = this; 

    self.customer_id = ko.observable(id); 
    self.custnum = -1; 

    self.busname = ko.observable(""); 
    self.address = ""; 
    self.city = ""; 
    self.state_id = ""; 
    self.zipcode = ""; 
    self.cnt_sal_id = ""; 
    self.cnt_first_name = ""; 
    self.cnt_last_name = ""; 
    self.cnt_title = ""; 

    //alert("customer: " + self.customer_id()); 

} 


var CustomerEntryViewModel = function(date) { 
    var self = this; 

    self.last_update = ko.observable(date); 
    self.customer = ko.observable(new Customer("")); 

    self.addCustomer = function (id) { 
     var c = new Customer(id); 
     self.customer = c; 
     alert("New id: " + self.customer.customer_id() + " num: " + c.custnum); 
    } 

    self.customerSearch = function() { 
    } 

    self.editCustomer = function (customer_id) { 
    } 

    self.save = function(customer) {  
    }   
} 

मैं ग्राहक ऑब्जेक्ट में गुणों के लिए बाध्यकारी कैसे हो सकता हूं। मैं तो जैसे विशिष्ट जावास्क्रिप्ट डॉट नोटेशन का उपयोग करने का प्रयास करें: customer.customer_id

यहाँ एचटीएमएल कि डेटा बांधता है:

<div class="field-input" style="margin-bottom:10px;"> 
    <input type="text" id="customer_id" style="width:100%;" 
     data-bind="jqxInput: { placeHolder: 'Customer #', value: 
           customer().customer_id, height: 21, width: 208, 
           minLength: 1, disabled: true }"/> 
</div> 

Answer 1

customer के बाद से एक मानने योग्य है, तो आप में इसे उतारना करने के लिए है अपने बाइंडिंग। तो यह होगा कुछ की तरह:

<div data-bind="text: customer().address"></div> 

और इसी तरह, इस

alert("New id: " + self.customer.customer_id() + " num: " + c.custnum); 

होगा

alert("New id: " + self.customer().customer_id() + " num: " + c.custnum); 
          // ^unrolled 

Answer 2

इस प्रयास करें, सहायक होना चाहिए:

<div class="field-input" style="margin-bottom:10px;"> 
    <input type="text" id="customer_id" style="width:100%;" data-bind="value: customer().customer_id, disabled: true" /> 
</div>