ng-repeat not repeating over array

Question

I'm getting into angular, but am coming across a wacky problem. I'm sure I'm making a dumb mistake, but don't know what it is.

In my controller, I do the following ->

angular.module('foo')
  .controller('AdminCtrl', ['$scope', '$http'], (s, $http) ->
    s.foo = []

    $http
      method: 'GET'
      url: cfg.api '/foo'
    .success (data) ->
      s.foo = _(data).map (item) ->
          wid: item

Then in html, I write ->

 <li ng-repeat"bar in foo">
    <p>{{foo}}</p>
 </li>

I'm expecting for li to print out bar.length times, but it actually only prints out once.

This made me think that foo wasn't a proper array, but {{foo}} returns

[{...}, {...}, {...}]

What's going on here?

corn3lius · Accepted Answer · 2014-06-30 21:18:34Z

2

<li ng-repeat="bar in foo">
   <p>{{bar}}</p> 
</li>

try this?

edited Jun 30, 2014 at 21:18

answered Jun 30, 2014 at 20:58

corn3lius

5,0053 gold badges33 silver badges37 bronze badges

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

2 Comments

Stepan Parunashvili Over a year ago

oh my god... this is embarassing. Thank you com3lius!

Stepan Parunashvili Over a year ago

For ref. The problem was with the ng-repeat"bar in foo", forgot the equal sign!

Collectives™ on Stack Overflow

ng-repeat not repeating over array

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related