jsonのユーザーIDをhtml形式で表示します。

JSONファイル{{item.id}}のユーザーIDだけを印刷しますが、機能しません。どこに問題があるのかわかりません。私は問題が$http.get(urls).then()にあると思うが、私はどうすればこの問題を解決できるのか分からない。jsonのユーザーIDをhtml形式で表示します。

{{item}}のように書くとうまくいきます。

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

 
app.controller("controller", function($scope, $http) { 
 

 

 

 
    var url = "https://jsonplaceholder.typicode.com/users"; 
 

 
    $http.get(urls).then(function(response) { 
 
    $scope.users = response; 
 
    }); 
 

 
});

<!DOCTYPE html> 
 
<html lang="en" ng-app="myApp"> 
 

 
<head> 
 

 
    <meta charset="utf-8"> 
 
    <title>AngularJa | app</title> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script> 
 
    <script type="text/javascript" src="javascript/main.js"></script> 
 

 
</head> 
 

 
<body ng-controller="controller"> 
 

 
    <table class="table table-striped"> 
 
    <tr ng-repeat="item in users"> 
 
     <td>{{item.id}}</td> 
 
    </tr> 
 
    </table> 
 

 

 

 
</body> 
 

 
</html>

出典

2017-12-02 superHero

urlとデータへの変更urlsは

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

 
app.controller("controller", function($scope, $http) { 
 

 
    var url = "https://jsonplaceholder.typicode.com/users"; 
 

 
    $http.get(url).then(function(response) { 
 
      //^^ remove "s" 
 
    $scope.users = response.data; 
 
         // ^^ add data property 
 
    }); 
 

 
});

<!DOCTYPE html> 
 
<html lang="en" ng-app="myApp"> 
 

 
<head> 
 

 
    <meta charset="utf-8"> 
 
    <title>AngularJa | app</title> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script> 
 
    <script type="text/javascript" src="javascript/main.js"></script> 
 

 
</head> 
 

 
<body ng-controller="controller"> 
 

 
    <table class="table table-striped"> 
 
    <tr ng-repeat="item in users"> 
 
     <td>{{item.id}} - {{item.name}}</td> 
 
    </tr> 
 
    </table> 
 

 

 
</body> 
 

 
</html>

出典

2017-12-02 22:19:28 charlietfl

dataが,,もしそんなにありがとうレスポンスオブジェクトのプロパティであると命名されます私たちはちょうど応答を使用しなければなりません。それは動作しません。 – superHero

'response'オブジェクトは' $ http'文書で概説されているように複数のプロパティを持っているからです。これらのプロパティの1つは、サーバーから返されたデータです – charlietfl

jsonのユーザーIDをhtml形式で表示します。

答えて

関連する問題