使用ng-repeat-start和ng-repeat-end与2个不同的对象

时间:2017-03-24 18:54:58

标签: javascript angularjs loops angularjs-ng-repeat

我尝试使用2个不同的对象进行ng-repeat-start和ng-repeat-end。

例如:

             <tr ng-repeat-start="file in files">
                <td class="name-col">{{file.name}}<br>
                </td>
                <td class="name-col">{{file.progress}}</td>
              </tr>
              <tr ng-repeat-end="otherFile in otherFiles">
                <td colspan="2">
                  {{otherFile.errors}}
                </td>
              </tr>

现在似乎没有工作,它只假设第一个对象(文件)

2 个答案:

答案 0 :(得分:1)

你的问题是ng-repeat-end不接受争论。 如果您希望ng-repeat覆盖上面的其他对象,则需要启动一个新的ng-repeat块。

编辑:添加包装html以显示一个点。你可能想稍微改变一下。

   <div ng-repeat="file in files track by $index">
    <tr>
        <td class="name-col">{{file.name}}<br>
        </td>
        <td class="name-col">{{file.progress}}</td>
      </tr>
      <tr>
        <td colspan="2">
          {{otherFile[$index].errors}}
        </td>
      </tr>
   </div>

答案 1 :(得分:1)

也许会这样:

<tr ng-repeat-start="file in files">
            <td class="name-col">{{file.name}}<br>
            </td>
            <td class="name-col">{{file.progress}}</td>
          </tr>
          <tr ng-repeat-end>
            <td colspan="2">
              {{otherFiles[ $index ].errors}}
            </td>
          </tr>