2015-05-18 73 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」} 
}