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

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

它似乎是针对集合中的每个项以及集合中的每个项重复一次。所以在这个例子中，我有五个项目，每个项目重复五次，而不是把集合中的五个项目都吐出来一次

小提琴：

{{channel.title}}
删除
函数channelsCtrl（$scope）{
风险值数据=[{
“标题”：“体育”
}, {
“标题”：“冒险”}，
{
“标题”：“短片”}，
{
“标题”：“美丽”}，
{
“标题”：“灵性”
}]
$scope.channels=数据；
}

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

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

为什么这看起来像招聘测试？为什么这看起来像招聘测试？

<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;


}