Knockout

Knockout Binding subscribe

by harsh dand

HTML

<p>First Name : <input data-bind="value:firstName, valueUpdate:'keyup'"/></p>

<p>Last Name : <input data-bind="value:lastName"/></p>

<p>Full Name : <span data-bind="text:fullName"></span></p>

JavaScript

var person = {
        firstName: ko.observable('Harsh'),
        lastName: ko.observable('Dand')
    };

    person.fullName = ko.computed(function () {
        return person.firstName() + ' ' + person.lastName();
    });

    person.firstName.subscribe(function (val) {
        alert("Changes Detected");
        alert(val);
    });
    
    ko.applyBindings(person);