ng-repeat="(key, value) in item in arr"?
<p><strong>Obviously the above is syntactically invalid in AngularJs</strong>, however, neither <code>item in array</code> nor <code>(key, value) in item</code> will do the trick on their own. Is there a way to combine the two into a single statement (like the above), or some other way of doing this?</p>

<p>I have map of key/value pairs that look like so: </p>

<pre><code>$this.colorsHash = { 
  '05/04/2015': { sum: 540, color: 'rgb(176,145,219)' },
  '05/10/2015': { sum: 379, color: 'rgb(161,111,107)' },
  '05/13/2015': { sum: 429, color: 'rgb(173,138,118)' },
  '05/19/2015': { sum: 478, color: 'rgb(209,108,161)' },
  '05/15/2015': { sum: 596, color: 'rgb(200,200,196)' },
  '05/18/2015': { sum: 337, color: 'rgb(102,114,121)' } 
}
</code></pre>

<p>I am using this map to generate a legend, however, this legend could potentially have 20+ values, so I want to break it up into equal sized chunks and display them side-by-side. That part I have figured out. It creates an array of n arrays with equal length like so: </p>

<pre><code>$this.splitArr = [ 
  [ 
    { '05/04/2015': { sum: 540, color: 'rgb(176,145,219)' } },
    { '05/10/2015': { sum: 379, color: 'rgb(161,111,107)' } },
    { '05/13/2015': { sum: 429, color: 'rgb(173,138,118)' } } 
  ],
  [ 
    { '05/19/2015': { sum: 478, color: 'rgb(209,108,161)' } },
    { '05/15/2015': { sum: 596, color: 'rgb(200,200,196)' } },
    { '05/18/2015': { sum: 337, color: 'rgb(102,114,121)' } } 
  ] 
]
</code></pre>

<p>My question is how to use ng-repeat over each key/value pair when it is nested within arrays. Here is the code that I am using that gets me each object, but I do not then know how to access the key/value from that object. </p>

<pre><code>&lt;ul style="list-style: none;" ng-repeat="item in Main.splitArr"&gt;
    &lt;li ng-repeat="obj in item"&gt;
        &lt;div style="height: 20px; width: 20px; 
            background-color: {{/*I need the object's value.color here*/}}; 
            display: inline-block;"&gt;&lt;/div&gt; = 
        &lt;span ng-bind="/*I need the object's key here*/"&gt;&lt;/span&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>