![](/img/trans.png)
[英]How to iterate and get the json values using angularjs ng-repeat?
[英]How do I break on values using AngularJS ng-repeat?
我希望我能解释一下我的目标。
我正在从API中检索项目列表。 为简单起见,我们假设这是返回的JSON:
[ { id: 1, name: "Project 1", pm: "msmith"},
{id: 2, name: "Project 2", pm: "msmith"},
{id: 3, name: "Project 3", pm: "msmith"},
{id: 4, name: "Project 4", pm: "sjones"},
{id: 5, name: "Project 5", pm: "sjones"} ]
项目列表将按照下午按名称排序。 我希望项目显示在这样的页面上:
msmith (3 projects)
Project 1
Project 2
Project 3
sjones (2 projects)
Project 4
Project 5
我怎么能在AngularJs中做到这一点?
因此,您需要一些功能来获取不同pms的列表
<div ng-repeat="pm in distinctPms">
{{pm}}
<ul>
<li ng-repeat="name in items | filter:{pm: pm}">
{{name.name}}
</li>
</ul>
</div>
function SimpleController($scope) {
function distinctPm() {
var unique= [];
for (var i = 0; i < $scope.items.length; i++) {
if (unique.indexOf($scope.items[i].pm) == -1) {
unique.push($scope.items[i].pm)
}
}
return unique;
}
$scope.items = [
{id: 1, name: "Project 1", pm: "msmith"},
{id: 2, name: "Project 2", pm: "msmith"},
{id: 3, name: "Project 3", pm: "msmith"},
{id: 4, name: "Project 4", pm: "sjones"},
{id: 5, name: "Project 5", pm: "sjones"}
];
$scope.distinctPms = distinctPm();
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.