admin管理员组文章数量:1323215
Angular 2 : 2.0.0-alpha.31 / Typescript 1.5
I requested data from a http.get
query
this.http.get('/data/players.json')
.toRx()
.map((res) => res.json())
.subscribe((data) => {
this.players = data;
});
This query return me this Json object (this.players
)
[
{"team":"teamA","name":"player1","age":"1"},
{"team":"teamA","name":"player2","age":"1"},
{"team":"teamA","name":"player3","age":"1"},
{"team":"teamB","name":"player4","age":"1"},
{"team":"teamB","name":"player5","age":"1"}
]
Then I would like to display player grouped by team
teamA: player1,player2,player3
teamB: player4,player5
How can I groupBy
team
on Angular2 (directly into the @View?) ?
UPDATE
I saw that on Angular 1, this could be done in the view using | groupBy:'propertyName'
on ngFor. Is there something like this on Angular 2 ?
Angular 2 : 2.0.0-alpha.31 / Typescript 1.5
I requested data from a http.get
query
this.http.get('/data/players.json')
.toRx()
.map((res) => res.json())
.subscribe((data) => {
this.players = data;
});
This query return me this Json object (this.players
)
[
{"team":"teamA","name":"player1","age":"1"},
{"team":"teamA","name":"player2","age":"1"},
{"team":"teamA","name":"player3","age":"1"},
{"team":"teamB","name":"player4","age":"1"},
{"team":"teamB","name":"player5","age":"1"}
]
Then I would like to display player grouped by team
teamA: player1,player2,player3
teamB: player4,player5
How can I groupBy
team
on Angular2 (directly into the @View?) ?
UPDATE
I saw that on Angular 1, this could be done in the view using | groupBy:'propertyName'
on ngFor. Is there something like this on Angular 2 ?
2 Answers
Reset to default 4Not sure exactly what version of Angular2 it was introduced but you can call RX's GroupBy function. I don't think you need the .toRx()
call in more recent versions either.
Before you subscribe add something like this:
.map((res) => res.json())
.groupBy(
x => x.team,
x => x
);
can you use filter?
var test = [
{"team":"teamA","name":"player1","age":"1"},
{"team":"teamA","name":"player2","age":"1"},
{"team":"teamA","name":"player3","age":"1"},
{"team":"teamB","name":"player4","age":"1"},
{"team":"teamB","name":"player5","age":"1"}
];
function FilterByTeam(obj){
console.log(obj);
return obj.team === "teamA";
}
var teamA = test.filter(FilterByTeam);
console.log(teamA)
本文标签: javascriptHow to perform groupBy operation in Angular 2Stack Overflow
版权声明:本文标题:javascript - How to perform groupBy operation in Angular 2? - Stack Overflow 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.betaflare.com/web/1742118604a2421588.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论