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

发布时间：2020-12-17 07:41:58 所属栏目：安全来源：网络整理

导读：嗨,我有一个用于ng-repeat-start和end的简单用例,并且正常工作,当我想添加内部ng重复时,出现问题. 这是我的代码 tr ng-repeat-start="obj in rows" td ng-repeat="e in obj.row"{{e}}/td/trtr ng-repeat-end td colspan="4"{{obj.description}}/tdtr 内部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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!