Comment Analyser réponse JSON en ng-repeat correctement dans Angularjs

Je veux être en mesure d'utiliser ng-repeat afin d'analyser ma réponse sur la face avant. J'ai de la difficulté d'analyse des réponses qui ont plusieurs éléments par rapport à un seul élément à l'aide de ng-repeat liste.

Je suis capable d'analyser; mais je dois créer 2 liste séparée ng-repeat de configuration sur l'extrémité avant et ajouter un peu laid logique de ne pas s'afficher si la longueur du tableau est supérieur à un.

Mon but est d'avoir un seul ng-repeat élément dans mes partiels et il gère à la fois des réponses ou une meilleure approche pour gérer cette condition.

Explication détaillée et jsfiddle ci-dessous.
Je veux utiliser ce ng-repeat le programme d'installation pour les deux réponses JSON.

    <ul ng:repeat="report in reportConfigured.Reports">
    <li ng:repeat="reportItem in report">{{reportItem.ReportName.$}}</li>
    </ul>

Ci-dessous est la réponse que je reçois de mon webservice lorsqu'il y a plusieurs rapports.

{
    "Reports": {
        "@xmlns": {
            "$": "http:\/\/ws.wso2.org\/dataservice"
        },
            "Report": [{
            "ReportID": {
                "$": "20"
            },
                "ReportName": {
                "@xmlns": {
                    "$": "null"
                },
                    "$": "Examination Results"
            },
                "VisibleToPartner": {
                "$": "false"
            },
                "ReportType": {
                "@xmlns": {
                    "$": "null"
                },
                    "$": "Examination Report"
            },
                "TemplateID": {
                "$": "9"
            }
        }, {
            "ReportID": {
                "$": "163"
            },
                "ReportName": {
                "@xmlns": {
                    "$": "null"
                },
                    "$": "Scheduled Candidates with Test Center"
            },
                "VisibleToPartner": {
                "$": "false"
            },
                "ReportType": {
                "@xmlns": {
                    "$": "null"
                },
                    "$": "Examination Report"
            },
                "TemplateID": {
                "$": "220"
            }
        }, {
            "ReportID": {
                "$": "212"
            },
                "ReportName": {
                "@xmlns": {
                    "$": "null"
                },
                    "$": "Survey Report by Test"
            },
                "VisibleToPartner": {
                "$": "false"
            },
                "ReportType": {
                "@xmlns": {
                    "$": "null"
                },
                    "$": "Examination Report"
            },
                "TemplateID": {
                "$": "269"
            }
        }]
    }
};

Je reçois cette réponse de mon service quand il y a seulement un rapport

 {
    "Reports": {
        "@xmlns": {
            "$": "http:\/\/ws.wso2.org\/dataservice"
        },
        "Report": {
            "ReportID": {
                "$": "212"
            },
            "ReportName": {
                "@xmlns": {
                    "$": "null"
                },
                "$": "Survey Report by Test"
            },
            "VisibleToPartner": {
                "$": "true"
            },
            "ReportType": {
                "@xmlns": {
                    "$": "null"
                },
                "$": "Examination Report"
            },
            "TemplateID": {
                "$": "269"
            }
        }
    }
}

Je veux être en mesure d'analyser à la fois les réponses avec le même ng-repeat. J'ai joint un jsfiddle pour plus de détails.

http://jsfiddle.net/cejohnson/mdec9/1/

OriginalL'auteur C.Johnson | 2013-07-23

  1. 10

    Je voudrais transformer ce que vous obtenez à partir du serveur avant de la définir comme la ng-repeat source de données:

    $http({...})
.success(function(data){
    if ( angular.isArray(data.Reports.Report) ) {
        $scope.reports = data.Reports.Report;
    }
    else {
        $scope.reports = [data.Reports.Report];
    }
});

    Et puis

    <ul ng:repeat="report in reports">
    <li ng:repeat="reportItem in report">{{reportItem.ReportName.$}}</li>
</ul>

    OriginalL'auteur Sylvain