नॉकआउट 1.3

Question

में टेम्पलेट्स के लिए पासिंग विकल्पों knockoutjs 1.2.1 में मैं कर सकता है:

<div data-bind="template: {name: 'Bar', foreach: persons, templateOptions:{fooMode: true} }"/> 

<script id='Bar'> 
    {{if $item.fooMode}} FOO! {{/if}} 
</script> 

कौन सा मैं कोशिश की है के रूप में

<div data-bind="template: {name: 'Bar', foreach: persons, templateOptions:{fooMode: true} }"/> 

<script id='Bar'> 
    <span data-bind="if: $item.fooMode">FOO!</span> 
</script> 

लेकिन नए देशी टेम्पलेट 1.3.0beta पीटकर करने का अनुवाद करने में इंजन टेम्पलेट विकल्प का सम्मान नहीं करता है।

क्या कोई अन्य तरीका है कि मैं टेम्पलेट में मनमानी डेटा पास कर सकता हूं?

Answer 1

जैसा कि आपने पाया, मूल टेम्पलेट इंजन templateOptions का समर्थन नहीं करता है जो jQuery टेम्पलेट प्लग-इन options कार्यक्षमता के लिए एक रैपर था।

दो तरीकों से आप जा सकते हैं: अपने डेटा को अपने दृश्य मॉडल पर रखें और अपने टेम्पलेट के अंदर $root.fooMode या $parent.fooMode का उपयोग करें। यह सबसे आसान विकल्प होगा। http://jsfiddle.net/rniemeyer/tFJuH/

:

ko.bindingHandlers.templateWithOptions = { 
    init: ko.bindingHandlers.template.init, 
    update: function(element, valueAccessor, allBindingsAccessor, viewModel, context) { 
     var options = ko.utils.unwrapObservable(valueAccessor()); 
     //if options were passed attach them to $data 
     if (options.templateOptions) { 
      context.$data.$item = ko.utils.unwrapObservable(options.templateOptions); 
     } 
     //call actual template binding 
     ko.bindingHandlers.template.update(element, valueAccessor, allBindingsAccessor, viewModel, context); 
     //clean up 
     delete context.$data.$item; 
    } 
} 

यहाँ उपयोग में एक नमूना है:

अन्यथा, यदि आप अपने दृष्टिकोण को मॉडल में मूल्य नहीं करना चाहते, तो आप एक कस्टम बाध्यकारी संदर्भ में हेरफेर करने की तरह उपयोग कर सकते हैं

ध्यान दें कि foreach परिदृश्य में, आपको $parent.$item पर $item के बजाय अपने विकल्प मिलेंगे।

Answer 2

मैं सैंडर्सन के प्रस्ताव का सुझाव दूंगा जहां आप नए शाब्दिक टेम्पलेट डेटा को पास करेंगे जिसमें मॉडल और अतिरिक्त डेटा (टेम्पलेट विकल्प) शामिल हैं।

data-bind="template: { name: 'myTemplate', data: { model: $data, someOption: someValue } }" 

कार्य डेमो http://jsfiddle.net/b9WWF/

स्रोत https://github.com/knockout/knockout/issues/246#issuecomment-3775317