Angular JS repeat function 'peek' 如果数组中还有一项要显示

Question

当我使用 ng-repeat 时，我有一个逗号来将诸如名称之类的信息分成一个漂亮的行，但是由于逗号在 ng-repeat 函数中，它也在末尾添加了一个逗号不正确。

我在想的是必须有一种方法来检查是否还有其他项目要显示。有则显示逗号，无则不显示逗号

我的代码示例如下：

<tbody class="offerInformation">
    <tr><td><b>Test:</b></td><td>Start/End</td></tr>
    <tr><td><b>Test:</b></td><td><span ng-repeat="testing in results.names"><span ng-bind="testing"></span> , </span></td></tr>
    <tr><td><b>Test:</b></td><td>Test</td></tr>
    <tr><td><b>Test:</b></td><td></td></tr>
</tbody>

如您所见，第二个 table 行有一个逗号，用于显示数组中的每个重复项。最后如果有3个人输出如下：

Jason , Mark, Taylor ,

多留了一个不正确的逗号。最后一项后不应有逗号。我的假设是使用 ng-if 以某种方式检查下一个是否有另一个项目，如果有我们显示逗号但如果没有则我们不显示逗号。

Answer 1

ng-repeat 指令有一些内置的特殊属性来获取上下文信息。 $last 是您在这种情况下需要的其中之一。

<span ng-repeat="testing in names">
      {{testing}}<span ng-if="!$last"> , </span>
</span>

有关其他属性，请参阅 AngularJS ngRepeat 文档

示例代码here

Angular JS repeat function 'peek' 如果数组中还有一项要显示

Angular JS repeat function 'peek' if there is another item in the array to be displayed

html

angularjs

angularjs-ng-repeat

angular-ng-if