title: How to output elements in a JSON array with AngularJS
body: <p>JSON array defined in scope:</p>
  
  <pre><code>$scope.faq = [
          {"Question 1": "Answer1"},
          {"Question 2": "Answer2"}
      ];
  </code></pre>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div ng-repeat="f in faq"&gt;
      {{f}}
  &lt;/div&gt;
  </code></pre>
  
  <p>Output:</p>
  
  <pre><code>{"Question 1": "Answer1"}
  {"Question 2": "Answer2"}
  </code></pre>
  
  <p>What I want output to look like:</p>
  
  <pre><code>Question 1 - Answer1
  Question 2 - Answer2
  </code></pre>
  
  <p>How it seems like it should work:</p>
  
  <pre><code>&lt;div ng-repeat="f in faq"&gt;
      {{f.key}}-{{f.value}}
  &lt;/div&gt;
  </code></pre>
  
  <p>... but it doesn't.</p>