Question

    <td>
    <span ng-repeat="rules in ruleTypes |filter:myFilter(client.clientId)">{{rules.rtid.ruleType}} ,</span>
</td>

span中的最后一个元素也显示逗号，列表是列表A，B，C，D，我想要像A，B，C，D或A，B，C和D这样的列表

Answer 1

使用ng-if条件<span ng-if="$index != ruleTypes.length-1"> ,  </span>。

另外，使用 在HTML中添加空格。和

<span ng-repeat="rules in ruleTypes |filter:myFilter(client.clientId)">{{rules.rtid.ruleType}} <span ng-if="$index != ruleTypes.length-1"> , &nbsp;</span> </span>

Answer 2

尝试使用$last，如果你来到收集的最后一个元素

，那将是真的

<td>
    <span ng-repeat="rules in ruleTypes |filter:myFilter(client.clientId)">
        {{rules.rtid.ruleType}} 
        <span ng-if="!$last">,</span>
    </span>
</td>

其他用法也有类似方法，您可以查看角度文档https://docs.angularjs.org/api/ng/directive/ngRepeat

用逗号分隔数字中的元素/和最后一个元素

2 个答案: