Knockout

Knockout Binding observable and computed

by harsh dand

HTML

<p>First Name : <input data-bind="value:firstName"/></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();
    })
    ko.applyBindings(person);