我如何解析ng-repeat中的数组（从函数）

Question

Here is my prg-ctrl.js :

$scope.getDataOfProject = function(project, year){

    var projectData = project.data[year];
    var smthData = [];

    for (var i = 1; i <= 12; i++) {

        if (projectData[i]) {
            smthData.push(projectData[i]);
        } else {
            smthData.push(0);
        }
    }

    return smthData;
};

here is snippet of a JSON:

"projects": [
    {
    "id": 1,
        "data": {
            "2016": {
                "12": 18
            },
            "2017": {
                "1": 17.6,
                "2": 10.1,
                "3": 33.3,
                "4": 4.30
            }
        },
  .......

Then in prj.html file I have ng-repeat :

<div class="col-md-9">
    <div ng-repeat="entity in getDataOfProject(project, 2016)">{{entity}}</div>
</div>

but my <div class="col-md-9"> still empty. But when I put smth like:

<div class="col-md-9">
    <div>{{getDataOfProject(project, 2016)}}</div>
</div>

I can see my data. What am I doing wrong?

Answer 1

The problem is related to the fact that there might be duplicates in the array results, hence you may see a warning (or error) in the console. To avoid such, use track by :

<div class="col-md-9">
    <div ng-repeat="entity in getDataOfProject(project, 2016) track by $index">{{entity}}</div>
</div>

Also, make sure you properly check whether keys exists in your original object:

$scope.getDataOfProject = function(project, year){
    if (typeof(project.data[year]) === "undefined") {
        return [];
    }
    var projectData = project.data[year];
    var smthData = [];

    for (var i = 1; i <= 12; i++) {

        if (projectData[i]) {
            smthData.push(projectData[i]);
        } else {
            smthData.push(0);
        }
    }

    return smthData;
    };