title: Angular JS - ng-repeat first element from an array of arrays
body: <p>I have a set of data like this</p>
  
  <pre><code>$scope.data = [
  ["Orange", 3],
  ["Blue", 2],
  ["Pink", 1],
  ["Red", 1],
  ["Black", 2],
  ];
  </code></pre>
  
  <p>I would like to do an ng-repeat that outupts just the first element of each array inside the main array (in other words, just the colors, but not the numbers). So far I made this code</p>
  
  <pre><code>&lt;div ng-controller="myCtrl"&gt;
      &lt;div ng-repeat="color in data"&gt;
           &lt;div ng-repeat="n in color"&gt;
            {{n}}
           &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>You can find a jsFiddle <a href="http://jsfiddle.net/k1na4t5z/" rel="nofollow">here</a></p>
  
  <p>I tried to use <code>ng-repeat"n[0] in color"</code>, but the output is not the desired. Any idea would be appreciated. Thanks!</p>