Wrapper for template binding

by bradleytrager

HTML

<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-2.2.0.debug.js"></script>
<h2>Participants</h2>
Here are the participants:
<div data-bind="templateWrapper: { name: 'person-template', data: buyer }"></div>
<div data-bind="templateWrapper: { name: 'person-template', data: seller }"></div>
 
<script type="text/html" id="person-template">
    <h3 data-bind="text: name"></h3>
    <p>Credits: <span data-bind="text: credits"></span></p>
</script>

JavaScript

ko.bindingHandlers.templateWrapper = {
    init: ko.bindingHandlers.template.init,
    update: function(a,d,c,e,f){
        ko.bindingHandlers.template.update(a,d,c,e,f);
    }
};
console.log(ko.bindingHandlers.template.init);
function MyViewModel() {
     this.buyer = {
         name: 'Franklin',
         credits: 250
     };
     this.seller = {
         name: 'Mario',
         credits: 5800
     };
 }
 ko.applyBindings(new MyViewModel());