Angularjs, Erstellen von Array aus Objekt und Fehler: $ rootScope: infdig

Question

Mein Ziel ist es, ein Array aus Objekt (als Tabellenzeilen) zu erstellen, aber ich bekomme den $ rootScope: infdig Fehler.

Hier ist mein Code:

$scope.rows = { 
"TableName": "TestTable", 
"Rows": [{ 
    "Name": "Name1", 
    "RowCells": [{ 
     "Y": 2001, 
     "M": 164 
    }, { 
     "Y": 2002, 
     "M": 178 
    }, { 
     "Y": 2003, 
     "M": 188 
    }, { 
     "Y": 2007, 
     "M": 295 
    }, { 
     "Y": 2008, 
     "M": 316 
    }, { 
     "Y": 2009, 
     "M": 328 
    }] 
}], 
"Rows": [{ 
    "Name": "Name2", 
    "RowCells": [{ 
     "Y": 2001, 
     "M": 164 
    }, { 
     "Y": 2002, 
     "M": 178 
    }, { 
     "Y": 2003, 
     "M": 188 
    }, { 
     "Y": 2007, 
     "M": 295 
    }, { 
     "Y": 2008, 
     "M": 316 
    }, { 
     "Y": 2009, 
     "M": 328 
    }] 
}], 
"Rows": [{ 
    "Name": "Name3", 
    "RowCells": [{ 
     "Y": 2001, 
     "M": 164 
    }, { 
     "Y": 2002, 
     "M": 178 
    }, { 
     "Y": 2003, 
     "M": 188 
    }, { 
     "Y": 2007, 
     "M": 295 
    }, { 
     "Y": 2008, 
     "M": 316 
    }, { 
     "Y": 2009, 
     "M": 328 
    }] 
}] 
} 

$scope.rowCells = function() { 
       var tableRowCollection = []; 

       angular.forEach($scope.rows, function (item) { 
        var tableRow = []; 
        tableRow.push(item.Name); 
        angular.forEach(item.RowCells, function (i) { 
         tableRow.push(i.M); 
        }); 
        tableRowCollection.push(tableRow); 
       }); 
       return tableRowCollection ; 
      }; 

<div data-ng-repeat="r in rowCells()">{{r}}</div> 

ich ähnliche Frage gesehen haben here aber das half nicht. was fehlt mir oder wohin gehe ich falsch?

Answer 1

Ihre Zeilen Array wie folgt sein sollte:

$scope.rows = { 
"TableName": "TestTable", 
"Rows": [{ 
    "Name": "Name1", 
    "RowCells": [{ 
     "Y": 2001, 
     "M": 164 
    }, { 
     "Y": 2002, 
     "M": 178 
    }, { 
     "Y": 2003, 
     "M": 188 
    }, { 
     "Y": 2007, 
     "M": 295 
    }, { 
     "Y": 2008, 
     "M": 316 
    }, { 
     "Y": 2009, 
     "M": 328 
    }] 
}, { 
    "Name": "Name2", 
    "RowCells": [{ 
     "Y": 2001, 
     "M": 164 
    }, { 
     "Y": 2002, 
     "M": 178 
    }, { 
     "Y": 2003, 
     "M": 188 
    }, { 
     "Y": 2007, 
     "M": 295 
    }, { 
     "Y": 2008, 
     "M": 316 
    }, { 
     "Y": 2009, 
     "M": 328 
    }] 
}, { 
    "Name": "Name3", 
    "RowCells": [{ 
     "Y": 2001, 
     "M": 164 
    }, { 
     "Y": 2002, 
     "M": 178 
    }, { 
     "Y": 2003, 
     "M": 188 
    }, { 
     "Y": 2007, 
     "M": 295 
    }, { 
     "Y": 2008, 
     "M": 316 
    }, { 
     "Y": 2009, 
     "M": 328 
    }] 
}] 
} 

Answer 2

Als Staskus vorgeschlagen, müssen Sie Ihr Array ändern. Ihre foreach Schleife sollte wie unten sein:

angular.forEach($scope.rows.Rows, function(item) { 
    var tableRow = []; 
    tableRow.push(item.Name); 
    angular.forEach(item.RowCells, function(i) { 
     tableRow.push(i.M); 
    }); 
    tableRowCollection.push(tableRow); 
});