Knockoutjs is not converting array into observable array?

Question

I am using this knockoutjs tutorial to convert array into observable array. http://knockoutjs.com/documentation/observableArrays.html . But the given following line is giving me an array of zero length.

var anotherObservableArray = ko.observableArray([
    { name: "Bungle", type: "Bear" },
    { name: "George", type: "Hippo" },
    { name: "Zippy", type: "Unknown" }
]);

Why anotherObservableArray is not working?

Answer 1

You should access the underlying array for the length and not the observable array itself.
anotherObservableArray().length will give you the proper length.

Check this fiddle: http://jsfiddle.net/jfSG8/

Answer 2

You haven't told us how you are using the var anotherObservableArray , but the following should work:

<ul data-bind="foreach: anotherObservableArray">
    <li data-bind="text: name"></li>
</ul>

With knockout / js:

var viewModel = function() {
  this.anotherObservableArray = ko.observableArray([
    { name: "Bungle", type: "Bear" },
    { name: "George", type: "Hippo" },
    { name: "Zippy", type: "Unknown" }
  ]);
};

ko.applyBindings(new viewModel());

See this jsfdiddle .

Note that I'm not using a var to store the observable array, but instead creating it as a property on the view model.