एक तत्व पर एकाधिक डेटा-बाइंड विशेषताएँ कैसे हैं?

Question

मुझे एक तत्व पर एकाधिक डेटा बाइंडिंग की आवश्यकता है। उदाहरण के लिए, मुझे href के साथ-साथ html डेटा-बाइंडिंग परa टैग चाहिए। मैंने कोशिश की है,

<a data-bind="html: name" 
    data-bind="attr: { href: url }" 
    data-bind="attr: { 'data-prop': xyz }"> 
</a> 

लेकिन यह काम नहीं करता है। ऐसा लगता है कि नॉकआउट केवल एकdata-bind संपत्ति का बाध्यकारी समर्थन करता है? href, आंतरिक html, और एक तत्व पर एक कस्टम "data-prop" विशेषता को कैसे बाध्य करें?

Answer 1

इस तरह

:

<a data-bind="html: name, attr: { href: url }"> 

आप अल्पविराम से अलग बाइंडिंग का उपयोग - विशेषता एक वस्तु गुजर रूप में ही है:

{ 
    html: name, 
    attr: { href: url } 
} 

या, आप कई attr के बारे में पूछ रहे हैं एक बार में बाइंडिंग:

<a data-bind="html: name, attr: { href: url, 'data-prop': FullName }"> 

Answer 2

इस प्रकार मैंने स्रोत विशेषता को कार्यान्वित किया और डेटा-बाइंड का उपयोग करके ईवेंट पर क्लिक किया। आप इसे उपयोगी पा सकते हैं।

<img data-bind="{click: function(data, event) {ESVendorWidget.loadFunction(data,event)}, 
       attr: {src: $data.Photo.PhotoUrl }}" 
    alt="package pic" class="big" /> 

Answer 3

मैं बस का उपयोग करें:

<input type="checkbox" 
    data-bind="click: callFunction(), checkedValue: 0, checked: Card.Days"> 

एक चेकबॉक्स तत्व के लिए।

Answer 4

आप की तरह नीचे

<a data-bind="attr: { href: url, id: id , class: classvalue}"> 

वस्तु इस

{ url: 'http://stackoverflow.com', id:'newid' , classvalue: 'classname' }