KO Click binder points to method reference

by tlarson

HTML

<div class="controls navigation">
    <ul data-bind="foreach: controls">
        <li> 
            <span data-bind="text: name, click: action"></span>
        </li>
    </ul>
</div>

JavaScript

var ViewModel = function() {
    self.previous = function() {
        console.log('Previous');
    };
    self.next = function() {
        console.log('Next');
    };
    self.save = function() {
        console.log('Save');
    };

    self.controls = ko.observableArray([
        { 
            name: 'Previous',
            action: self.previous
        },
        { 
            name: 'Next'          ,     
            action: self.next
        },
        { 
            name: 'Save',
            action: self.save
        }
    ]);
};

ko.applyBindings(new ViewModel());