angularjs - 角度 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

尝试删除框架和扩展或外部资源中的角度引用之一。