Angular how to solve problem with $http?

Question

JavaScript

Just starting to learn angular and ran into a problem. Here is the client code:

angular.module('NewAppModule', []);
angular.module('NewAppModule')
.component('div', {
template: 
... ,
controller: [  '$scope', '$http',
function ($scope, $http){
$scope.url='app.json';
 $http({url: $scope.url, method:'GET'}).then(function(response) {
        console.log(response.data);
      });
}
]
});

app.json file:

{
'name' : 'Василий',
'number': '89201242536'
},
{
'name' : 'Николай',
'number': '89201265341'
},
{
'name' : 'Федор',
'number': '89031212434'
},
{
'name' : 'Всеволод',
'number': '89991201344'
},
{
'name' : 'Алексей',
'number': '89605663412'
},
{
'name' : 'Алена',
'number': '89144542106'
},
{
'name' : 'Ксюша',
'number': '89301612726'
},
{
'name' : 'Василиса',
'number': '89201441596'
},
{
'name' : 'Евгений',
'number': '89105722534'
},
{
'name' : 'Анатолий',
'number': '89208796712'
  }
]

The result is an error

SyntaxError: Unexpected token ' in JSON at position 6

.
What is my mistake?

Answer 1

Valid JSON cannot have single quotes.

Answer 2

can first figure out elementary json, and then climb into angular