angular ng-repeat - 集合中的每个项目重复收集的每个项目数（奇怪）

Question

我有一个奇怪的问题，试图使用angular的ng-repeat指令将一些数据吐出到表中。

似乎是在集合中每个项目数重复集合中的每个项目。所以在这个例子中我有五个项目，每个项目重复五次，而不是仅仅一次吐出集合中的五个项目。

小提琴：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;


}

Answer 1

尝试删除Frameworks和Extensions或外部资源中的一个角度引用。