Knockout.js - ObservableArray not returning values

Question

In knockout, this works and binds correctly:

self.currentCustomer = ko.observable(new Customer("a","b","c","d","e","f","g","h"));

However, the below does not.

// Random list of customers
self.customers = ko.observableArray([
    new Customer("a","b","c","d","e","f","g","h")
]);


self.currentCustomer = ko.observable(self.customers[0]);

I cannot figure out why this is not working. This pattern in working correctly in other parts of my application.

Michael Best · Accepted Answer · 2012-11-29 01:46:25Z

3

To access the array, you must unwrap it:

self.currentCustomer = ko.observable(self.customers()[0]);

answered Nov 29, 2012 at 1:46

Michael Best

16.7k1 gold badge40 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tim Ferrell Over a year ago

Thank you, I knew it had to be something simple.

Rups · Accepted Answer · 2012-11-29 11:30:23Z

0

Just to add to that, the View is as below:

<p>Customer Name <input data-bind="value: currentCustomer().name" /></p>

The model is as below:

function AppViewModel() {
   // Random list of customers
self.customers = ko.observableArray([
    new Customer("ABC Corp.")
]);


self.currentCustomer = ko.observable(self.customers()[0]); // This is the correction.

}


function Customer(_name)
{
    this.name = ko.observable(_name);
}

// Activates knockout.js
ko.applyBindings(new AppViewModel());

answered Nov 29, 2012 at 11:30

Rups

6391 gold badge8 silver badges19 bronze badges

Collectives™ on Stack Overflow

Knockout.js - ObservableArray not returning values

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related