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

发布时间：2020-12-17 08:25:45 所属栏目：安全来源：网络整理

导读：我有一个项目列表… $scope.Users =[{ UserName: ''}]; 在我看来，我想列出这些，假设我的$ scope只有4个项目：用户 Username1,Username2,Username3 and Username4span data-ng-repeat="user in Users"{{user.Username}}/span{{$last ? '' : ','}} 上面的表

我有一个项目列表…

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!