AngularJS dynamic table using 2×2 array data using ng-repeat

I have a json structure which I am trying to bind to a table and i’m trying to do the best I can to use ng-repeats to avoid boilerplate code.

My json structure is as follows:

{ 
    "data": {
        "field1": 2809,
        "field2": {
            "10": [1, 2, 3, 4, 3, 0, 0, 0, 0],
            "20": [2, 3, 4, 5, 6, 7, 8, 9, 0],
            ....
            "100": [2, 3, 4, 5, 6, 7, 8, 9, 0]
}

I am trying for this to autogenerate in such a way that my table appears like this

Field1 Field2 Field3 Field4 Field5 Field6 Field7 Field8 Field9
--------------------------------------------------------------- 
1       2      3      4      5      6      7     8      9 
2       3      4      5      6      7      8     9      0
...

I am not sure how to get the ng-repeats for this to work

Here is a sample markup I am using

<tr>
    <td ng-repeat="nums in tabData.field2"
        {{ nums }}
    </td>
</tr>         

The table is completely broken if I do this and I only get [1, 2 … 0] in a single row. I am not sure how I can get this to work if I can get this to work.

Source: AngularJS Questions