用ng-repeat将json数据加载到li中

Question

我无法将数据加载到包含ng-repeat的列表中，这是我的应用

http://plnkr.co/edit/DD05TnnlG66H6nkLbJHM?p=preview

在我写的app.js第12行

$scope.tabs = tabs;

哪些标签是data.js

中的对象

也有一件奇怪的事情发生，当我在我的主控制器范围内console.log时，它往往会执行两次。我想知道

Answer 1

您正在使用$scope.tabs.push将数据添加到tabs。你不能那样做，因为$scope.tabs是一个对象而不是一个数组。将data.js更改为：

var tabs = [
    {
        'tabId':1,
        'tabName': 'Main',
        'Tabfriends':[
            {'name':'someone1'},
            {'name':'someone1'},
        ]
    },
    {
        'tabId':2,
        'tabName': 'Programming',
        'Tabfriends':[
            {'name':'someone2'}
        ]
    }
];

它现在是一个数组，你现在可以push。 AngularJS也很高兴repeat就可以了。

标签对象也有tabName属性，而addTab功能则称为name。