如何在json文件angularjs中使用groupBy [英] How to use a groupBy with json file angularjs
本文介绍了如何在json文件angularjs中使用groupBy的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我要在angularjs继承人的Json对象中填充树组件:
I'm to populate a Tree Component in angularjs heres Json Object:
var myData=[{"agence":"CTM","secteur":"Safi","serie":"CZC1448YZN"},{"agence":"CTM","secteur":"Safi","serie":"2UA13817KT"},{"agence":"CTM","secteur":"Rabat","serie":"CZC1349G1B"},{"agence":"CTM","secteur":"Rabat","serie":" 2UA0490SVR"},{"agence":"CTM","secteur":"Agdal","serie":" G3M4NOJ"},{"agence":"CTM","secteur":"Essaouira","serie":" CZC1221B85"},{"agence":"Gare Routiere Municipale","secteur":"Essaouira","serie":" CZC145YL3"}] ;
这是js代码:
var treedata_avm = [];
for(var i=0; i < myData.length; i++) {
// alert('roro '+myData[i].secteur);
treedata_avm.push({
label: myData[i].secteur,
children: [{
label: myData.agence,
children: [myData[i].serie]
}]
});
}
$scope.my_data = treedata_avm;
HTML:
<abn-tree tree-data="my_data " tree-control="my_tree" on-select="my_tree_handler(branch)" expand-level="2" initial-selection="Granny Smith" icon-leaf="ti-file" icon-expand="ti-plus" icon-collapse="ti-minus"></abn-tree>
它工作正常,但我没有得到我想要的预期行为.我想要的是按如下方式按部门和机构来获取数据组:
it works fine but i didnt get the expected bevaviour which i want..what i want is to get the data group by secteur and agence like this:
-Safi
-CTM
CZC1448YZN
2UA13817KT
-Rabat
-CTM
CZC1349G1B
2UA0490SVR
-Agdal
G3M4NOJ
-Essaouira
-CTM
CZC1221B85
-Gare Routiere Municipale
CZC145YL3
推荐答案
使用lodashJs
Use lodashJs
_.map(_.groupBy(myData, 'secteur'), (val, key1) =>{
console.log(key1);
var obj ={};
obj[key1] = _.groupBy(val, 'agence')
return obj
})
希望这会有所帮助.
这篇关于如何在json文件angularjs中使用groupBy的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文