stuart-d2
11/8/2014 - 1:16 PM

• Computed Values ○ Where you are combining or converting multiple observables together. ○ Computed Values are observable (notify on c

• Computed Values ○ Where you are combining or converting multiple observables together. ○ Computed Values are observable (notify on change) and are computed being based on the values of other observables.

e.g, combing obserbales firstname + lastname to make fullname

computed values
content_copyfile_download
// This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI
function AppViewModel() {
    this.firstName = ko.observable("Bert");
    this.lastName = ko.observable("Bertington");
    this.fullName = ko.computed(function() {
    return this.firstName() + " " + this.lastName();
    }, this);
}

// Activates knockout.js
ko.applyBindings(new AppViewModel());
Computed Values
content_copyfile_download
<!-- This is a *view* - HTML markup that defines the appearance of your UI -->

<p>First name: <strong data-bind="text: firstName"></strong></p>
<p>Last name: <strong data-bind="text: lastName"></strong></p>

<p>First name: <input data-bind="value: firstName" /></p>
<p>Last name: <input data-bind="value: lastName" /></p>

<p>Full name: <strong data-bind="text: fullName"></strong></p>