O'Reilly logo

KnockoutJS by Example by Adnan Jaswal

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Viewing the number of total and completed tasks

The sixth feature of our to-do application is to give the users the ability to view the number of total and completed tasks. We will do this by displaying this information after the tasks table. We will let the user know if no tasks exist in the task list, otherwise, we will display the number of total and competed tasks. This feature will demonstrate the built-in array methods, utility methods provided by Knockout, and computed observables.

Let's get started by displaying the total number of tasks in our tasks list. We can use the length property of the observable array to get the number of items it holds. We can access the length property of our tasks array like this:

ToDoList.tasks().length;

We can ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required