Load JSON data in angularjs

by bryiantan

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div ng-app='myApp'>
    <div ng-controller='DataCtrl'>
        <button ng-click="loadData()">load data</button>
        
      <div ng-repeat="obj in UserObject">
        {{ obj.title }} - {{ obj.completed }}
    </div>
</div>

JavaScript

var mockData = "json=" + encodeURI(JSON.stringify([{
  "Firstname": "Me",
  "Lastname": "Windy",
  "EMail": "[email protected]",
  "Phone": "0110110111"
},{
  "Firstname": "M2e",
  "Lastname": "22",
  "EMail": "[email protected]",
  "Phone": "01102110111"
}]));



var App = angular.module('myApp', []);

function DataCtrl($scope, $http) {

    $scope.phones = [];

    $scope.loadData = function () {
        var httpRequest = $http({
            method: 'GET',
            url: 'https://jsonplaceholder.typicode.com/todos/'

        }).success(function (data, status) {
            $scope.UserObject = data;
        });

    };

}