Strange behaviour with angular ng-repeat

Question

In my cshtml view I have the following table:

<table>
    <thead>
    <tr><th>Test</th></tr>
</thead>
<tbody>
    <tr ng-repeat="label in labels">
        <td>{{label.id}}</td>
    </tr>
</tbody>

And when I view the page and inspect the table element in my browser only the table headings are displayed and no rows. Applying ng-repeat seems to comment out the rows automatically as below:

<table class="ng-scope">
  <thead>
      <tr><th>Test</th></tr>
  </thead>
  <tbody>
      <!-- ngRepeat: label in labels -->
  </tbody>
</table>

when I remove ng-repeat="label in labels" and apply a static value in the row cell the row is not commented and displays just fine.

Does anyone knows what could be causing this behaviour?

Can you post the javascript?

Mike Cheel
– Mike Cheel

2014-01-30 02:00:58 +00:00
Commented Jan 30, 2014 at 2:00 — Mike Cheel
– Mike Cheel, Commented Jan 30, 2014 at 2:00
Looks like labels is empty or undefined.

hassassin
– hassassin

2014-01-30 02:04:08 +00:00
Commented Jan 30, 2014 at 2:04 — hassassin
– hassassin, Commented Jan 30, 2014 at 2:04

Dieter De Mesmaeker · Accepted Answer · 2014-01-30 02:04:21Z

2

Upon compilation angular automatically adds the ngRepeat comment to the HTML, in order to indicate that below this comment, the repeated elements will be displayed.

The reason why your tbody doesn't contain any rows, is because your $scope.labels object is empty.

answered Jan 30, 2014 at 2:04

Dieter De Mesmaeker

2,1662 gold badges14 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

Strange behaviour with angular ng-repeat

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