KnockoutJS by Example

Adding and viewing tasks

The first feature of our to-do application is to give the users the ability to create and view tasks. The information we need to capture about a task is the name and description. We need to add this as a model to our ToDoList module. Add the task model. It should look similar to this:

/* the task */
var task = {
  name: ko.observable(),
  description: ko.observable()
};

We need to capture the tasks in an array. Add the tasks array to the module. It should look similar to this:

/* array of tasks */
var tasks = ko.observableArray();

Tip

Observable array is an observable, which holds a JavaScript array object as the underlying data structure. You can retrieve the JavaScript array object by invoking the observable array as a function, ...