angularjs：NG重复启动和NG-重复终端与内纳克重复 [英] angularjs: ng-repeat-start and ng-repeat-end with inner ng-repeat

问题描述

您好我有NG重复启动和结束一个简单的用例，并且工作得很好，当我想补充一个内部NG重复出现的问题。
这里是我的code

 ＆LT; TR NG重复启动=行OBJ＆GT;
  ＆LT; TD NG重复=E在obj.row＆GT; {{ê}}＆LT; / TD＆GT;
＆LT; / TR＆GT;
＆LT; TR NG重复端＆GT;
  ＆所述; TD列跨度=4＆GT; {{obj.description}}＆下; / TD＆GT;
＆所述; TR＆GT;
 

内NG-重复投入TD元素不工作时，我看到了ngRepeat评论，当我检查HTML源代码code，但不被创建的TD元素。

 ＆LT;  -  ngRepeat：E在obj.row  - ＆GT;
 

我的丑的解决方法（因为我知道，向量的大小）是：

 ＆LT; TR NG重复启动=行OBJ＆GT;
  ＆所述; TD＆GT; {{obj.row [0]}}＆下; / TD＆GT;
  ＆所述; TD＆GT; {{obj.row [1]}}＆下; / TD＆GT;
  ＆所述; TD＆GT; {{obj.row [2]}}＆下; / TD＆GT;
  ＆所述; TD＆GT; {{obj.row [3]}}＆下; / TD＆GT;
＆LT; / TR＆GT;
＆LT; TR NG重复端＆GT;
  ＆所述; TD列跨度=4＆GT; {{obj.description}}＆下; / TD＆GT;
＆所述; TR＆GT;
 

解决方案

我不知道你是否采用了棱角分明1.1.6与否，因为 NG-重复启动和 NG-重复端不可用在1.1.5或1.0.7呢。

不过，你实际上并没有使用新的指令来实现这个目标。你可以简单地实现它像这样现在：

 ＆LT;表＆gt;
    ＆LT; TBODY NG重复=OBJ行＆GT;
        ＆LT; TR NG重复=E在obj.row＆GT;
            ＆LT; TD＆GT; {{ê}}＆LT; / TD＆GT;
        ＆LT; / TR＆GT;
        ＆所述; TR＆GT;
            ＆所述; TD列跨度=4＆GT; {{obj.description}}＆下; / TD＆GT;
        ＆所述; TR＆GT;
    ＆LT; / TBODY＆GT;
＆LT; /表＆gt;
 

您可以使用 NG-重复启动和 NG-重复端来的时候重新实现它AngularJS 1.1。第6版正式发布。

<大骨节病> 演示

Hi I have a simple use case for ng-repeat-start and end and is working just fine, the problem appears when I want to add an inner ng-repeat. Here is the my code

<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>

The inner ng-repeat into td element is not working, I'm seeing the ngRepeat comment when I inspect the html source code, but the td elements are not being created.

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

My ugly workaround (given that I know the size of that vector) is:

<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>

解决方案

I am not sure whether you are using angular 1.1.6 or not since ng-repeat-start and ng-repeat-end are not available in 1.1.5 or 1.0.7 yet.

However, you don't actually have to use the new directives to achieve that. You can simply implement it like this for right now:

<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>

You may use ng-repeat-start and ng-repeat-end to reimplement it when AngularJS 1.1.6 version is officially released.

Demo

这篇关于angularjs：NG重复启动和NG-重复终端与内纳克重复的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！