각도 템플릿에서이 JSON 데이터에 액세스하려면 어떻게해야합니까?

Question

조금 길어졌습니다. 나는 내가

Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: place in places, Duplicate key: string:" 

을 얻을

<li ng-repeat='cuisine in cuisines'>{{cuisine.fields.name}}</li> 

을하려고하면 내가 (데이터) CONSOLE.LOG 경우 내 JSON 데이터가

$scope.cuisines = data; 

에 저장되고, 그 결과는

"[{\"pk\": 1, \"model\": \"swings.cuisine\", \"fields\": {\"name\": \"Chinese\"}}, 
{\"pk\": 2, \"model\": \"swings.cuisine\", \"fields\": {\"name\": \"Indian\"}}, 
{\"pk\": 3, \"model\": \"swings.cuisine\", \"fields\": {\"name\": \"Japanese\"}}]" 

입니다

나는 "tracks by cuisine.pk"를 추가하려고 시도했다. (ot 그녀의 유사)이 질문에 대한 stackoverflow 답변 중 일부로 제안했다. 그래도 같은 오류가 계속 발생합니다. $ index로 트랙을 추가하면 정보가없는 총알 수를 무제한으로 얻을 수 있습니다.

도움을 주시면 감사하겠습니다. 감사합니다

Answer 1

당신이 문자열 형식으로는

JS

var data = "[{\"pk\": 1, \"model\": \"swings.cuisine\", \"fields\": {\"name\": \"Chinese\"}}, {\"pk\": 2, \"model\": \"swings.cuisine\", \"fields\": {\"name\": \"Indian\"}},{\"pk\": 3, \"model\": \"swings.cuisine\", \"fields\": {\"name\": \"Japanese\"}}]"; 

function ctrl($scope) { 
    $scope.cuisines = JSON.parse(data); 

} 

JsFiddle