title: Display keys and values with Angular array
body: <p>I have an array in Angular like this:</p>
  
  <pre><code>$scope.test = [
    {'item1' : 'answer1' },
    {'item2' : 'answer2' },
    {'item3' : 'answer3' }
  ];
  </code></pre>
  
  <p>And so on...</p>
  
  <p>Now there's 2 things I want to do. Firstly I want to use an ng-repeat to iterate through the array and display the keys and values separately. I tried this:</p>
  
  <pre><code>&lt;div ng-repeat="(key,value) in test"&gt;
    {{key}} = {{value}}
  &lt;/div&gt;
  </code></pre>
  
  <p>But that produces results like this:</p>
  
  <pre><code>0  = {"item1" : "answer1"}
  1  = {"item2" : "answer2"}
  2  = {"item3" : "answer3"}
  </code></pre>
  
  <p>Whereas I want it to display like this:</p>
  
  <pre><code>item1  = answer1
  item2  = answer2
  item3  = answer3
  </code></pre>
  
  <p>The second thing I'd like to do is use the keys to display results from a different array. For example I have this array:</p>
  
  <pre><code>$scope.item1.question = 'some question';
  </code></pre>
  
  <p>So as I'm going through the ng-repeat I'd like to do something like this:</p>
  
  <pre><code>{{key}}.question
  </code></pre>
  
  <p>to display the string <code>'some question'</code>. </p>
  
  <p>But this doesn't do anything...</p>