नॉकआउट जेएस ऑब्जेक्ट

Question

के गुणों से बंधे हैं मुझे किसी ऑब्जेक्ट को कुछ HTML को बांधने की आवश्यकता है, लेकिन मेरी समस्या यह है कि मैं विकास समय पर ऑब्जेक्ट के गुणों को नहीं जानता।

<div data-bind="with: selectedItem"> 

</div> 

अब मैं संपत्ति नाम और संपत्ति मूल्यों के आधार पर तालिका जनरेट करना चाहते हैं:

मैं अपने मुख्य दृश्य मॉडल में एक selectedItem संपत्ति जो मैं अपने HTML में एक वर्ग के लिए बाध्य किया है

<div data-bind="foreach: [WHAT DO I PUT HERE?]"> 
    <label class="control-label"><span data-bind="text: [OR HERE?]" /></label> 
</div> 

मुझे वास्तव में यह नहीं पता कि यह कैसे करना है। कोई भी मदद बहुत ही सराहनीय होगी।

इसके अलावा, बस थोड़ा विस्तार करने के लिए, मैं बाध्य वस्तु के गुणों को अलग-अलग संभालना चाहता हूं, जैसे कि अगर संपत्ति सिर्फ एक आदिम प्रकार है, तो बस इसे आउटपुट करें, लेकिन यदि इसकी दूसरी वस्तु/सरणी है, तो हैंडल करें यह विशेष रूप से।

क्या यह किया जा सकता है?

Answer 1

Here डेटा दिखाने के लिए रनटाइम पर चयन करने के लिए गणना की गई का उपयोग कर एक कामकाजी उदाहरण है। गतिशील रूप से चयनित templates का उपयोग डेटा के प्रकार (सरणी या स्केलर) के अनुसार डेटा प्रस्तुत करने के लिए भी किया जाता है।

Answer 2

यदि कोई और साधारण वस्तु के गुणों को बांधने की तलाश में है। आप इसे इस तरह कर सकते हैं ...

<table> 
    <tbody data-bind="foreach: arrayOfObjects"> 
     <tr data-bind="foreach: Object.keys($data)"> 
      <td data-bind="text: $parent[$data]"></td> 
     </tr> 
    </tbody> 
</table> 

ध्यान दें: object.keys पुराने ब्राउज़र में समर्थित नहीं है, लेकिन आप पीछे की ओर संगतता http://whattheheadsaid.com/2010/10/a-safer-object-keys-compatibility-implementation