如何通过AngularJS迭代JSON对象数组

时间:2018-02-22 13:22:49

标签: arrays angularjs json

我有一个JSON对象,我想从中获取这样的输出和 console.log 到浏览器中。

  

FROM:Frontier WHSE,TO:ENTEC POLYMERS

要遍历的JSON对象:

 {
    "loadStops": [{
        "id": 1,
        "type": "FROM",
        "stop": {
            "companyId": 148,
            "companyCode": "FWS",
            "legalName": "Frontier WHSE"
        }
    }, {
        "id": 2,
        "type": "TO",
        "stop": {
            "companyId": 151,
            "companyCode": "ENP",
            "legalName": "ENTEC POLYMERS"
        }
    }]
}

我试过这个,但没有完全正常工作:

var from = "";
var to = "";
var summary = "";

angular.forEach( object, function() {

    if( key == "type" && value == "FROM" ) {
        from +=value;
    }

    if( key == "type" && value == "TO" ) {
        to+=value;
    }

});

summary += from + to;

1 个答案:

答案 0 :(得分:1)

<强>样本

&#13;
&#13;
SpriteBatch.Begin
&#13;
var app = angular.module('testApp',[])

app.controller('testCtrl',function($scope){
 $scope.data = 
 {
"loadStops": [{
    "id": 1,
    "type": "FROM",
    "stop": {
        "companyId": 148,
        "companyCode": "FWS",
        "legalName": "Frontier WHSE"
    }
}, {
    "id": 2,
    "type": "TO",
    "stop": {
        "companyId": 151,
        "companyCode": "ENP",
        "legalName": "ENTEC POLYMERS"
    }
}]};
var summary = "";
$scope.print = function(){
angular.forEach($scope.data.loadStops,function(key,value){
    if(key.type == "FROM"){
       summary = "FROM :" + key.stop.legalName;
    }
    if(key.type == "TO"){
      summary += " TO :" + key.stop.legalName;
    }
   
});
return summary;
};

});
&#13;
&#13;
&#13;