AngularJS ng重复,通过逗号 'and' 在最后一个元素之前
我有一个项目列表 ...
在我看来,我想把它们列出如下,假设我只有 4 我的元素
上面的表达式基本上在每个元素之后添加逗号,并正常工作。
我的问题是如何添加关键字
在最后一个元素之前,所以它看起来像:
反而:
$scope.Users =[{
UserName: ''
}];
在我看来,我想把它们列出如下,假设我只有 4 我的元素
$scope:Users
Username1, Username2, Username3 and Username4
<span data-ng-repeat="user in Users">{{user.Username}}</span>{{$last ? '' : ', '}}
上面的表达式基本上在每个元素之后添加逗号,并正常工作。
我的问题是如何添加关键字
and
在最后一个元素之前,所以它看起来像:
Username1, Username2, Username3 and Username4
反而:
Username1, Username2, Username3, Username4
没有找到相关结果
已邀请:
6 个回复
奔跑吧少年
赞同来自:
我认为下面给出的表达应该解决你的问题
还要确保您有表达式 $last 在元素内 ng-repeat, 而不是在它之外
请在工人下方查看 fiddle
http://jsfiddle.net/hrishi1183/Sek8F/2/
/
喜特乐
赞同来自:
卫东
赞同来自:
而不是添加一些东西,添加它。 您可以使用
, 降低第一。 然后你可以使用
添加 "and" 而不是逗号。
风见雨下
赞同来自:
和
为了提高清晰度!
比尔盖茨捐赠 6 百万美元 Username1, Username2 和 Username3.
vs.
比尔盖茨捐赠 6 百万 Username1, Username2 和 Username3.
如果没有一致的分号,则不清楚地指示每个用户应提供相同的份额。
输出:
二哥
赞同来自:
大胆的元素
或链接/. 所以刚从过滤器输出行不起作用。 首先我试图使用 ng-bind-html 和产出 HTML 从过滤器,但它不够灵活。
因此,我创建了一个可用于任何可用的指令 ng-repeat 在列表元素之间添加分隔符。 诀窍是我只访问了 $first, $last, 和 $index /而不是源阵列或其长度!/.
我的决定:
享受!
小姐请别说爱
赞同来自:
:
过滤器代码是关于这样的 /使用
https://lodash.com/
/:
你会摆脱黑客使用
在......之外
和三元经营者 - 而且您将添加重复使用应用程序的其他部分的可能性。