angularjs - angular ng-repeat - コレクション内のアイテム数ごとに繰り返されるコレクション内の各アイテム (奇妙な)

Question

angular の ng-repeat ディレクティブを使用してテーブルにデータを吐き出そうとすると、奇妙な問題が発生します。

コレクション内のアイテムの数ごとに、コレクション内の各アイテムを繰り返しているようです。したがって、この例では 5 つのアイテムがあり、コレクション内の 5 つのアイテムをそれぞれ 1 回だけ吐き出すのではなく、各アイテムを 5 回繰り返します。

フィドル: http://jsfiddle.net/Boovius/pZkrq/6/

<div ng-app>
<div ng-controller='channelsCtrl'>
    <table>
            <tr ng-repeat='channel in channels'>
                <td >{{channel.title}}</td>
                <td >
                    <button type='button' class='btn-danger'>Delete</button>
                </td>
            </tr>
    </table>
</div>  
</div>

function channelsCtrl($scope) {

var data = [{
    "title": "Sports"
}, {
    "title": "Adventure" }, 
{
    "title": "Shorts"}, 
{
   "title": "Beauty"}, 
{
    "title": "Spirituality"
}]


$scope.channels = data;


}