元素中的角度ng-repeat条件包装项目(ng-repeat中的组项目)

元素中的角度ng-repeat条件包装项目(ng-repeat中的组项目),第1张

元素中的角度ng-repeat条件包装项目(ng-repeat中的组项目)

您可以使用angular.filter模块的groupBy过滤器
因此您可以执行以下 *** 作:

用法:

collection | groupBy:property

使用带点标记的嵌套属性:
property.nested_property

JS:

$scope.players = [  {name: 'Gene', team: 'alpha'},  {name: 'George', team: 'beta'},  {name: 'Steve', team: 'gamma'},  {name: 'Paula', team: 'beta'},  {name: 'Scruath', team: 'gamma'}];

HTML:

<ul ng-repeat="(key, value) in players | groupBy: 'team'">  Group name: {{ key }}  <li ng-repeat="player in value">    player: {{ player.name }}   </li></ul>

结果:
组名:alpha
播放器:Gene
组名:beta
播放器:George
播放器:Paula
组名:gamma
播放器:Steve
*播放器:Scruath

更新: jsbin



欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5639080.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-16
下一篇 2022-12-16

发表评论

登录后才能评论

评论列表(0条)

保存