如何將 angular.forEach 結果存盤到每個表行?我嘗試使用 ng-repeat 來填充我的表格,但不知何故 angular-foreach 覆寫了每個回圈的表格行。
有人能幫我嗎。
這是我的代碼示例
$scope.getProfile= function(){
$http({
method: 'post',
url: 'url',
data: some_param,
headers: {
'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
}
}).then(function(result) {
$scope.name= result.data.name;
angular.forEach($scope.name,$scope.getFamily);
});
}
result = {"name":[{"mom_name":"Jane","child_name":["Joey","Jade","Joe","Jenny"],"child_count":4},{"mom_name" :"Diane","child_name":["Donny","Daisy","Diana","Douglas","Damon"],"child_count":5},{"mom_name":"Anna","child_name" :["亞瑟","阿曼達","阿蒙"],"child_count":3}]}
第一個 forEach 回圈的示例,其中 mom_name = "Jane"
$scope.getFamily = function(name) {
var child_name= name.child_name;
var mom_name= name.mom_name;
$http({
method: 'post',
url: 'url',
data: some_param
})),
headers: {
'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
}
}).then(function(result) {
var name_data = result.data;
//get gender count
var total = { mom: mom_name, male: 0, female: 0, female_name: []};
for(var i = 0; i < name_data.length; i ) {
if(name_data[i]['gender'] == 'male'){
total['male'] ;
}
}
for(var i = 0; i < name_data.length; i ) {
if(name_data[i]['gender'] == 'female'){
total['female'] ;
total['female_name'].push(name_data[i]['child_name']);
}
}
$scope.getChildAge(total);
});
}
結果 = [{"child_name":"Joey","gender":"female"},{"child_name":"Jade","gender":"female"},{"child_name":"Jonny","gender ":"male"},{"child_name":"John","gender":"male"}]
總計 = {媽媽:'Jane',男:1,女:2,female_name:["Joey","Jade","Jenny"]}
$scope.getChildAge= function(data) {
var mom= data.mom;
var female_total= data.female;
var female_name= data.female_name;
$http({
method: 'post',
url: 'url',
data:
data: some_param,
headers: {
'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
}
}).then(function(result) {
var child_age = result.data;
var count_num = 0;
for(var i = 0; i < child_age.length; i ) {
if(children[i] > 5){
count_num ;
}
}
console.log(count_num);
});
}
我希望我的輸出表是這樣的
期望的輸出
uj5u.com熱心網友回復:
我按照自己的方式獲得了我想要的輸出
我在 getFamily() 函式之外宣告了這個
$scope.gender_summary = [];
并在 getFamily() 中添加這一行
$scope.gender_summary.push(total);
然后我在我的表中使用 ng-repeat $scope.gender_summary。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/341620.html
標籤:angularjs
