title: angular-ui-grid rows from object keys
body: <p>I have a container of objects that are stored indexed by their identity in a hash.</p>
  
  <pre><code>myObjs = {
    "hello id":{
      foo:"hello foo data",
      bar:"hello bar data"
    },
    "world id":{
      foo:"world foo data",
      bar:"world bar data"
    }
  }
  </code></pre>
  
  <p>I would like to bind each object in myObjs to a row in a ui-grid (<a href="http://ui-grid.info/" rel="nofollow">http://ui-grid.info/</a>). In a generic table it would look like:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr ng-repeat="(id, obj) in myObjs"&gt;
        &lt;td&gt;{{id}}&lt;/td&gt;
        &lt;td&gt;{{obj.foo}}&lt;/td&gt;
        &lt;td&gt;{{obj.bar}}&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>One solution is to derive a new array of objects from the contents of myObjs to use as input data to the ui-grid, but this would mean I would have to maintain the binding between myObjs and the derived array input.</p>
  
  <p>Is there a more natural way to bind the ui-grid to myObjs?</p>