Computed observables

In this section, we will discuss a special way to create complex properties that depend on our existing observable properties. The standard approach in the Knockout.js library is computed observables. We will consider these kinds of properties with a simple example.

Using a computed observable

Let's add two base observable properties in the Model (the person object) and ViewModel (the personViewModel object): firstName and lastName (PersonalPage-Computed1.html). The initial values of these properties will be John and Doe, respectively.

The Model will be as follows:

var person = {
  firstName: "John",
  lastName: "Doe"
};

The ViewModel will be as follows:

var personViewModel = function() {
  var self = this;
  self.firstName = ko.observable(person.firstName);
  self.lastName = ko.observable(person.lastName);
};

The View will be as follows:

The first name: <span data-bind="text: firstName"></span><br />
The last name: <span...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Getting Started with Knockout.js for .NET Developers

By : Andrey Ankshin

Getting Started with Knockout.js for .NET Developers

By: Andrey Ankshin

Overview of this book

Computed observables

Using a computed observable

Getting Started with Knockout.js for .NET Developers

By : Andrey Ankshin

Getting Started with Knockout.js for .NET Developers

By: Andrey Ankshin

Overview of this book

Computed observables

Using a computed observable

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access