anglejs:ng-repeat-start和ng-repeat-end与内部ng重复

前端之家收集整理的这篇文章主要介绍了anglejs:ng-repeat-start和ng-repeat-end与内部ng重复前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
嗨,我有一个用于ng-repeat-start和end的简单用例,并且正常工作,当我想添加内部ng重复时,出现问题.
这是我的代码
<tr ng-repeat-start="obj in rows" >
  <td ng-repeat="e in obj.row">{{e}}</td>
</tr>
<tr ng-repeat-end>
  <td colspan="4">{{obj.description}}</td>
<tr>

内部ng重复到td元素不起作用,当我检查html源代码,但是没有创建td元素时,我看到ngRepeat注​​释.

<!-- ngRepeat: e in obj.row -->

我的丑角(因为我知道那个矢量的大小)是:

<tr ng-repeat-start="obj in rows" >
  <td>{{obj.row[0]}}</td>
  <td>{{obj.row[1]}}</td>
  <td>{{obj.row[2]}}</td>
  <td>{{obj.row[3]}}</td>
</tr>
<tr ng-repeat-end>
  <td colspan="4">{{obj.description}}</td>
<tr>
我不知道您是否使用角度1.1.6,否则ng-repeat-start和ng-repeat-end在1.1.5或1.0.7版本中不可用.

但是,实际上并不需要使用新的指令来实现.您现在可以简单地实现它:

<table>
    <tbody ng-repeat="obj in rows">
        <tr ng-repeat="e in obj.row">
            <td>{{e}}</td>
        </tr>
        <tr>
            <td colspan="4">{{obj.description}}</td>
        <tr>
    </tbody>
</table>

当AngularJS 1.1.6版本正式发布时,您可以使用ng-repeat-start和ng-repeat-end重新实现它.

Demo

猜你在找的Angularjs相关文章