Foreach With Function

by origineil

HTML

<div data-bind="foreach: areas">
    <button data-bind="click: $parent.saveComment">Save Using Data</button>
    <button data-bind="click: $parent.saveCommentUsingThis">Save Using This</button>
    <input type="text" data-bind="value: comment"></input>
    <br/>
</div>

JavaScript

var vm = {
    areas: ko.observableArray([{
        id: 1,
        comment: ko.observable("Comment1")
    }, {
        id: 2,
        comment: ko.observable("Comment2")
    }]),
    saveComment: function (data) {
        console.log(data.comment());
    },
    saveCommentUsingThis: function(){console.log(this.comment())}
}

ko.applyBindings(vm)