anglejsのapiから配列データにアクセスする方法

Question

角度jsでAPIを呼び出して配列にアクセスしたいと考えています。そして、NGリピートで

angularcodeそれらを使用する：私は、私はAPIからデータを受信して​​いますが、私は使用することはできませんngのクリックイベントでAPIを呼び出し

<div ng-repeat="list in records"> 
    <div class="row"> 
     <h3>{{list}}}</h3> 
     <h3> {{ list}}</h3> 
    </div> 
</div> 

：

$scope.onsubmit = function() { 
    $scope.records = []; 
    var answers = []; 
    // Post your data to the server here. answers contains the questionId and the users' answer. 
    $http.get('http://localhost/api/leaderboard/:quizId', answers).success(function successCallbac(data,status) { 
     $scope.records = data; 
     //console.log(records); 
    }); 
}; 

HTMLコードをng-repeatレコードのそれらはhtmlで表示されず、エラーを表示しています。

angular.js:12477 ReferenceError: records is not defined 

解決方法彼の問題？あなたが持っている

Answer 1

：

$scope.records = data; 
console.log(records); 

明らかに二行目でなければなりません：記録（ちょうど "記録"）として

console.log($scope.records); 

はスコープの外で定義されていません。

Answer 2

上記のコメントのようにconsole.log(records);〜console.log($scope.records);を変更するか、recordsと定義されていないか、またはconsole.log行とコメントしてください。それは関係がありませんng-repeat

Answer 3

ここで、レコードは実際にはスコープ変数です。したがって、変数を単にrecordsとして使用することはできません。それはとても

$scope.records = data; 
    console.log($scope.records); 

にコードを変更しかし、あなたは、通常の変数としてrecords使用したい場合は、常に$scope.records

でなければなりません。あなたはvar records

としてそれを宣言する必要がありますので、コードが

var records = data; 
    console.log(records); 

に変更されます