CODEWITHSUNDEEP
javascriptknockout.js
Imran Qadir Baksh - Baloch
Imran Qadir Baksh - Baloch

Reputation: 34054

Knockoutjs is not converting array into observable array?

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?

Upvotes: 0

Views: 402

Answers (2)

Ravi Y
Ravi Y

Reputation: 4376

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/

Upvotes: 3

Jeroen
Jeroen

Reputation: 63840

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.

Upvotes: 2

Related Questions