title: angular ng-repeat - each item in collection repeating per number of items in collection (weird)
body: <p>I am having a weird issue trying to spit out some data into a table using angular's ng-repeat directive. </p>
  
  <p>It seems to be repeating a each item in the collection per number of items in the collection.  So in this example I have five items, each item is repeated five times, rather than spitting out each of the five items in the collection just once.</p>
  
  <p>Fiddle: <a href="http://jsfiddle.net/Boovius/pZkrq/6/" rel="nofollow">http://jsfiddle.net/Boovius/pZkrq/6/</a></p>
  
  <pre><code>&lt;div ng-app&gt;
  &lt;div ng-controller='channelsCtrl'&gt;
      &lt;table&gt;
              &lt;tr ng-repeat='channel in channels'&gt;
                  &lt;td &gt;{{channel.title}}&lt;/td&gt;
                  &lt;td &gt;
                      &lt;button type='button' class='btn-danger'&gt;Delete&lt;/button&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;  
  &lt;/div&gt;
  
  function channelsCtrl($scope) {
  
  var data = [{
      "title": "Sports"
  }, {
      "title": "Adventure" }, 
  {
      "title": "Shorts"}, 
  {
     "title": "Beauty"}, 
  {
      "title": "Spirituality"
  }]
  
  
  $scope.channels = data;
  
  
  }
  </code></pre>