角度ng重复的奇怪行为

时间:2014-01-30 01:55:33

标签: angularjs angularjs-ng-repeat

在我的cshtml视图中,我有下表:

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

当我查看页面并在浏览器中检查表格元素时,只显示表格标题而没有行。应用ng-repeat似乎会自动注释掉行,如下所示:

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

当我删除ng-repeat =“标签中的标签”并在行单元格中应用静态值时,该行未被注释并显示正常。

有谁知道造成这种行为的原因是什么?

1 个答案:

答案 0 :(得分:2)

编译后,angular会自动将ngRepeat注​​释添加到HTML中,以便在此注释下方指示将显示重复的元素。

你的tbody不包含任何行的原因是因为你的$ scope.labels对象是空的。