knockoutjs ko.observableArray not displaying data when bound

Question

The following data is in ko.observableArray cars: (this is the dump of the array)

[
  {
    "carId": 1,
    "carName": "Ford",
    "carStatus": "On-Hold",
    "carDescription": "This is the first car description."
  },
  {
    "carId": 1,
    "carName": "Toyota",
    "carStatus": "On-Hold",
    "carDescription": "This is the second car description."
  }
]

View

<ul data-bind="foreach: cars()">
    <li>       
        <span data-bind="text: carDescription"></span>    
   </li>
</ul>

However, nothing is output, there are no list items showing.

Can you maybe put together a JSFiddle which shows your issue? But the foreach: cars() feels strange because foreach unwraps observable automatically. Try with <ul data-bind="foreach: cars"> — nemesv
– nemesv, Commented Jan 18, 2013 at 16:47
While the use of foreach: cars(), instead of foreach: cars, is not recommended it won't prevent rendering. Here is a fiddle that shows it working: jsfiddle.net/jearles/UzC38 — John Earles
– John Earles, Commented Jan 19, 2013 at 16:45

Giedrius · Accepted Answer · 2013-01-19 16:50:54Z

2

Fiddle created using samples from this official tutorial http://learn.knockoutjs.com/#/?tutorial=collections

http://jsfiddle.net/vgYC7/

And this is all you need to have for ViewModel

function ViewModel() {
    var self = this;

    // Editable data
    self.cars = ko.observableArray([
      {
        "carId": 1,
        "carName": "Ford",
        "carStatus": "On-Hold",
        "carDescription": "This is the first car description."
      },
      {
        "carId": 1,
        "carName": "Toyota",
        "carStatus": "On-Hold",
        "carDescription": "This is the second car description."
      }
    ]);
}

ko.applyBindings(new ViewModel());

answered Jan 19, 2013 at 16:50

Giedrius

1,7083 gold badges17 silver badges27 bronze badges

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

Collectives™ on Stack Overflow

knockoutjs ko.observableArray not displaying data when bound

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related