event binding in knockout.js

http://stackoverflow.com/questions/6245014/event-binding-in-knockout-js/6245182#6245182

by rniemeyer

HTML

<script src="http://knockoutjs.com/downloads/knockout-2.2.1.js"></script>
<ul data-bind="template: {name: 'answerTmpl', foreach: answerGroups }" ></ul> 

<script id="answerTmpl" type="text/html">
    <li>
        <textarea cols="100" rows="2" data-bind="value: feedback"></textarea>
    </li>
</script>

JavaScript

function AnswerGroup() {
    this.feedback = ko.observable();
    this.feedback.subscribe(function (newValue) {
       alert(newValue);
    }, this);
};

var viewModel = {
    answerGroups: ko.observableArray([new AnswerGroup(), new AnswerGroup()]) 
}; 
    
ko.applyBindings(viewModel);