無法顯示在HTML上收到的JSON數據

Question

因此，我設法讓我的腳本通過$ http.get獲取一些JSON數據，並在對象窗體中獲取我的JSON數據。但是，我不能使用數組中的值。

這是我的AppCtrl部分（AngularJS）

app.controller('AppCtrl', function($scope,$http) { 


$scope.data = []; 
$scope.submit = function() { 

var link = 'http://www.mywebsite.com/api.asp'; 
$http.get(link).then(function(response) { 
    $scope.data = response.data; 
    console.log($scope.data); 
}); 
}; 
}); 

下面是HTML位

<form ng-submit="submit()"> 
     <input class="button button-block button-positive" type="submit" name="submit" value="Submit To Server"> 
    </form> 
    <div class="card"> 
     <li ng-repeat="userdata in data"> 
      Username : {{userdata.username}} 
      Age : {{userdata.age}} 
     </li> 
    </div> 

Eventhough IVE檢索JSON數據，即時通訊無法進行檢索。我猜它與我有關，不能稱呼它是正確的？提前致謝。

UPDATE：所述的console.log（$ scope.data）返回

「0 925121日誌[對象的對象]」

伊夫試圖在response.data運行JSON.stringify ，我現在得到一個不同的控制檯。日誌結果和一個新的錯誤。

的的console.log返回的JSON信息作爲

{ 「數據」：[{ 「ID」：1， 「年齡」： 「24」， 「用戶名」： 「hidir」}，{ 「身份證」：2，「年齡」：「51」，「用戶名」：「ibrahim」}]}

而錯誤是下面這表明我有重複的值，在數組中看起來不像它確實如此。 ：

"Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: userdata in data, Duplicate key: string:a, Duplicate value: a 
http://errors.angularjs.org/1.5.3/ngRepeat/dupes?p0=userdata%20in%20data&p1=string%3Aa&p2=a 

「

Answer 1

你爲什麼不使用成功後的功能$ HTTP調用像下面

$http.get(link).success(function(response) { 
    console.log(response); 
}); 
}; 

Answer 2

嘗試使用JSON.stringify（response.data）;

Answer 3

你能試試嗎？

app.controller('AppCtrl', function($scope,$http) { 
    $scope.name = null; 
    $scope.submit = function() { 
     var link = 'http://www.mywebsite.com/api.asp'; 
     $http.get(link).then(function(response) { 
      $scope.data = response.data; 
      if(!$scope.$$phase) { 
       //$digest or $apply 
       $scope.$apply(); 
      } 
     }); 
    }; 
}); 

Answer 4

使用這個

$http({ 
    url : link, 
    method : "GET", 
    headers: { 
     'Content-Type': 'applcation/json' 
    } 
}).then(function(response) { 
    console.log(response); 
    $scope.data = angular.fromJson(response.data); 
    console.log($scope.data); 
}); 

Answer 5

感謝@Abhinav的代碼，我發現問題出在我的JSON格式。我希望有人可以在這裏更好地解釋它，因爲我不夠詳細解釋。

*首先JSON格式，沒有工作

{"data":[{"ID":1,"age":"24","username":"hidir"},{"ID":2,"age":"51","username":"ibrahim"}]} 

對於上面的代碼，如果我{{userdata[0].username}}叫它它只會工作。使用這種格式的ng-repeat將失敗。

陣表（離子的工作）

[{"ID":1,"age":"24","username":"hidir"},{"ID":2,"age":"51","username":"ibrahim"}] 

ng-repeat與第二格式效果很好。