JSFiddle - React, Tailwind, and code Playground

by ZenMaster

HTML

<div id="target">
    <!-- ko with: address -->
        <div data-bind="test: true"></div>
    <!-- /ko -->    
    <DIV data-bind="with: address">
        <div data-bind="test: true"></div>
    </DIV>
    <section data-bind="with: address">
        <div data-bind="test: true"></div>
    </section>
    <span data-bind="with: address">
        <div data-bind="test: true"></div>
    </span>
    <a data-bind="with: address">
        <div data-bind="test: true"></div>
    </a>
    <p data-bind="with: address">
        <div data-bind="test: true"></div>
    </p>
    <P data-bind="with: address">
        <div data-bind="test: true"></div>
    </P>
</div>

JavaScript

var data = {
    address: {
        street: 'Street',
        number: 10
    }
};

var target = document.getElementById('target');

ko.bindingHandlers.test = {
    init: function(element, valueAccessor, allBindingsAccessor, context) {
        console.log(context);
    }
}

ko.applyBindings(data, target);