JSFiddle - React, Tailwind, and code Playground

by ttamminen

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.1.0/knockout-min.js"></script>
<script src="http://www.priimavalmennus.fi/knockout-postbox.js"></script>
<p data-bind="visible: vastaanottaja">Visible</p>

JavaScript

var ViewModelOne = function() {
    this.vastaanottaja = ko.observable().subscribeTo("myEditableTopic");
    return this;
};

var ViewModelTwo = function () {
    this.lahettaja = ko.observable(false).publishOn("myEditableTopic");
};

var vm = new ViewModelOne();
var vm2 = new ViewModelTwo();
ko.applyBindings(vm);

// kumpikin tapa toimii
//ko.postbox.publish("myEditableTopic",true);
vm2.lahettaja(true);

sleep(1000, function () {
    // kumpikin tapa toimii
    //ko.postbox.publish("myEditableTopic",false);
    vm2.lahettaja(false);
});



function sleep(millis, callback) {
    setTimeout(function()
            { callback(); }
    , millis);
}