Bus v2 API

by andypotanin

HTML

<script src="http://veneer.usabilitydynamics.com/js/ko.bus.min.js"></script>
<div class="status" data-bind="value: status"></div>

<ul data-bind="foreach: messages">
    <li data-bind="value: title"></li>
</ul>

JavaScript

ko.applyBindings( function() {
    
    var ServiceBus = ko.ServiceBus({
        'key': 'ezw2-rq5m-bbgq-mw4s',
        'sid': 'pwc6-m56s-sukn-ufkn
    });
    
    // Initialize our Bindings
    this.status = ko.observable( '' );
    this.messages = ko.observableArray( [] );
    
    ServiceBus.bind( 'connected', function( error, data ) {          
        
        // Display  Welcome Message
        this.status( data.messages ? 'You have %d messages.' : 'Welcome, there are no messages' );
        
        // Render Messages if there are any
        this.messsages( data.messages );
        
    }, this );
    
});