Angular get JSON data with ajax

Question

How can I get json data via ajax with angular? I tried a lot but my code is not working. My code:

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

<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="https://code.angularjs.org/1.6.1/angular.min.js"></script>
  <script>
    angular.module('test', [])
      .controller('TestCtrl', function($scope, $http) {
        $scope.data = [];
        $http.get("http://jsonplaceholder.typicode.com/users").then(function(res) {
          $scope.data = JSON.parse(res);
        });
      });
  </script>
</head>

<body ng-controller="TestCtrl">
  <div ng-repeat="item in data">
    {{item.id}}
  </div>
</body>

</html>

would you please explain what happens with your code? Does it throw an error in the browser console? — marche
– marche, Commented Jan 17, 2017 at 2:25

Hikmat Sijapati · Accepted Answer · 2017-01-17 02:28:31Z

2

Did you try like this..

<script>
        var app = angular.module('test', [])
        app.controller('TestCtrl', function ($scope, $http) {
            $http.get("http://jsonplaceholder.typicode.com/users").then(function(res,status,xhr) {
                $scope.data = res.data;
            });
        });
    </script>

answered Jan 17, 2017 at 2:28

Hikmat Sijapati

6,9691 gold badge11 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Hikmat Sijapati Over a year ago

@Enes Giray glad to help you.Best of luck ahead.

Collectives™ on Stack Overflow

Angular get JSON data with ajax

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related