2015-05-18 78 views
0

我从我的网站有一个JSON对象:AngularJS越来越麻烦与我的JSON

{ "ID":"102”, 
"role":{“subscriber”:true}, 
"first_name”:”Test 3”, 
"last_name”:”Test 4”, 
"custom_fields":{ “job_title”:”testing”}, 
} 

和AngularJS来管理动态内容,但似乎并不奏效:

var app = angular.module('myApp', []); 

function PeopleCtrl($scope, $http) { 

$scope.people = []; 

$scope.loadPeople = function() { 
    var httpRequest = $http({ 
     method: 'POST', 
     url: '/echo/json/', 
     data: mockDataForThisTest 

    }).success(function (data, status) { 
     $scope.people = data; 
    }); 

}; 
} 

这是一个JSFiddle

任何人都可以帮助我显示数据?

+0

你在控制台 –

+0

错误的角什么版本? – tymeJV

+0

控制台错误显示问题不是Angular管理内容,而是使用Angular初始化。我不知道JSfiddle足够帮助 – Vlad274

回答

1

@qqruza得到回调正常工作在你的jsfiddle.net/1zuteco7,更改URL,以这样的:

http://test.eventident.com/api/last_posts/siteid=&callpage=1&perpage=10&callback=JSON_CALLBACK 

通知之JSON_CALLBACK到底。尽管您没有从repeat指令中返回的数据中选择正确的绑定,但其他应用仍然无法工作。在成功函数中尝试console.log(data)以单击返回的对象并获取正确的路径。

+0

我真的很感谢你的帮助@chris – qqruza

+0

我已经更新了你的jsfiddle到一个工程:[http://jsfiddle.net /bnxy20h8/1/](http://jsfiddle.net/bnxy20h8/1/)。这个从结果数组中检索作者,并将每个作者推送到'$ scope.people'中。然后,在作者字段中定义的内容将显示在您的视图中。我还添加了一个函数,在推送数组中的新作者之前检查重复项(使用作者ID)。 – chris

+0

没问题。很高兴我能帮上忙。 – chris

1

您的JSON存在许多问题,我已解决它们。

它有不同类型的引号。我用"替换了它们。

现在看起来是这样的:

[{          
    "ID": "100", 
    "role": {             
    "subscriber": true          
    }, 
    "first_name": "Test", 
    "last_name": "Test2", 
    "custom_fields": {             
    "job_title": "subscriber"          
    }, 
}, {    
    "ID": "102", 
    "role": {             
    "subscriber": true          
    }, 
    "first_name": "Test 3", 
    "last_name": "Test 4", 
    "custom_fields": {             
    "job_title": "testing"          
    },        
}] 

而且,你不正确的观点引用模型领域。

这里是更新工作小提琴:http://jsfiddle.net/kmmmv83y/1/

0

你必须在最后一个属性的末尾逗号,通常会报错所有的东西,下面的JSON应该工作:

{ "ID":"102”, 
"role":{“subscriber”:true}, 
"first_name”:”Test 3”, 
"last_name”:”Test 4”, 
"custom_fields":{ “job_title”:”testing”} 
}