AngularJS ng-repeat添加逗号分隔和最后一个项目之前

前端之家收集整理的这篇文章主要介绍了AngularJS ng-repeat添加逗号分隔和最后一个项目之前前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个项目列表…
$scope.Users =[{
    UserName: ''
}];

在我看来,我想列出这些,假设我的$ scope只有4个项目:用户

Username1,Username2,Username3 and Username4

<span data-ng-repeat="user in Users">{{user.Username}}</span>{{$last ? '' : ','}}

上面的表达式将在每个项目之后基本上添加逗号,并且正常工作。

我的问题是如何在最后一个项目之前添加和关键字,因此它将如下所示:

Username1,Username3 and Username4

代替:

Username1,Username3,Username4
$ last是真实值..所以它包含true或false并且不包含最后一个元素索引..

我猜下面的表达应该可以解决你的问题

<p><span ng-repeat="user in Users">
            {{user.Username}} {{$last ? '' : ($index==Users.length-2) ? ' and ' : ','}}
  </span></p>

还要确保你的表达式具有$ last in ng-repeat元素,而不在其外

请检查以下工作小提琴

http://jsfiddle.net/hrishi1183/Sek8F/2/

猜你在找的Angularjs相关文章