Knockout 3.0 Testing

by rwisch45

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.0.0/knockout-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.4.1/knockout.mapping.js"></script>
<div>
    <div data-bind="foreach: tasks">
        <div> <span data-bind="text: $data"></span>
 <span data-bind="click: $parent.allDone">(Done)</span>

        </div>
    </div>
</div>

JavaScript

var job = function () {
    var self = this;

    this.tasks = ['Buy milk', 'Sleep', 'Work', 'Praise'];
    this.allDone = function (data) {
        console.log(self); // refers to the parent job now
        console.log(data);
    };
};

ko.applyBindings(new job());