使用Knockout将optionsText绑定到包含对象数组的属性？

Question

I have an array of objects stored inside an observableArray in Knockout.js, and I'm trying to bind one of the properties of the objects to the optionsText binding for a select element, however, this isn't working an the options are not being displayed.

The observableArray is initially blank and is populated by a AJAX request:

self.currentPeople = ko.observableArray([]);

Following the AJAX request, I can console.log this and receive the following back:

console.log(self.currentPeople);
// Produces [Object, Object] where each of the objects have properties of `personId` and `personName`

Yet my select dropdown remains unpopulated:

<select class="large-3" data-bind="options: currentPeople, optionsText: 'personName', optionsValue: 'personId', optionsCaption: 'All',  value: currentPerson"></select>

Only the 'All' appears. Any ideas?

Answer 1

If console.log(self.currentPeople) shows your array of objects, that means you're (incorrectly) populating it using assignment instead of calling it as a function.

Populate it as:

self.currentPeople(newData);