Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<div ng-app="userApp" ng-controller="userController">
    <button ng-click="getUser()">Get Users</button>
    <ul>
        <li ng-repeat="user in users">
          <span> id : {{user.id}} </span>
          <br>
          <span> name : {{user.name}} </span> 
          <br>
          <span> email: {{user.email}} </span>
        </li>
    </ul>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script>
  
</body>
</html>
 
var app = angular.module("userApp", []);
app.controller("userController", function($scope, $http) {
    $scope.getUser = function() {
       return $http.get('https://jsonplaceholder.typicode.com/users').then(
            function successCallback(response) {
                // you can log response here to see what it is
                // or you can simply check network in your browser DevTools
                $scope.users = response.data;
            },
            function errorCallback(response) {
                alert('There was error retrieving users List');
            }
        );
    };
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
mamos98pro
0viewers