title: ng-repeat="(key, value) in item in arr"?
body: <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>