angularjs - Nested array ng-repeat error: [ngRepeat:dupes] -

I have an object through which I am trying to iterate and ng-repeats $ scope.report_data = {data [system_0: [0: "string", 1: 435, 2: "other value"]], header [0: [title: " Title "1:" CHA "]]}

I am trying to create a table with hemorrhoids and the data headers of each data are mapped.

What I have now is

  & lt; Table & gt; & Lt; Thead & gt; & Lt; TR & gt; & Lt; Th ng-repeat = "header in report_data.headers" & gt; {{Header.0}} & lt; / Th & gt; & Lt; / TR & gt; & Lt; / Thead & gt; & Lt; Tbody & gt; & Lt; TR & gt; & Lt; Td ng-repeat = "report_data data in report" & gt; & Lt; Span ng- repeat = "_me_method in system" & gt; {{_item}} & lt; / Span & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; / Tbody & gt; & Lt; Table & gt;  

But I'm not able to iterate on every item in every system and add it as a column. The error I am receiving is error: [NGREPT: deep]

What is the best way to override nested arrays?

To create an optimum DOM, by default, one of the entire objects to track the inclusion / deletion Uses hash manipulation T He should be unique or it will fail.

Therefore two objects with similar properties and values ​​will collide.

You can be clear about to track by syntax, but again, it should be unique.

As a last resort, you can track by $ index to get around duplicate entries.

  ng-repeat = "widgets tracked by widgets $ widgets"