Angularjs Ng-repeat Doesn't Work If There Is Only One Element

Here is the html code:

Solution 1:

As said in the comments, ng-repeat the way you have is for an array. Use the following syntax for objects and properties:

(k, v) in cmsData.rss.channel.item

This will iterate each key/val pair inside cmsData.rss.channel.item

Solution 2:

The reason is because in the JSON object, the "item", isn't an Array.

To fix:

{"rss":{"channel":{"description":"","item":[{"description":"blah blah blah","link":"http://foo.bar","pubDate":"Friday, February 21, 2014 - 17:52","title":"Server Maintenance"}],"language":"en","link":"http://foo.bar/alerts","title":"<a href=&#039;/news&#039;>News & Updates<\/a>"},}}

Solution 3:

You are referencing an object not an array, check the docs for using an object in ngRepeat's arguments.

http://docs.angularjs.org/api/ng/directive/ngRepeat

You would need data-ng-repeat="(key, value) in cmsData.rss.channel.item

Then you could use <div data-ng-bind-html="value"></div> which would list all of item's properties.

Share