如何通過AngularJS迭代JSON對象數組

Question

我有一個JSON對象，我想從中獲取這樣的輸出，並將console.log輸入到瀏覽器中。

從：邊疆WHSE，到：ENTEC聚合物

要遍歷的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;

Answer 1

DEMO

 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; }; }); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="testApp" ng-controller="testCtrl"> <h1>{{print()}}</h1> </div>