Return to Answer

Replace your Javascript code:

// DO NOT USE THIS CODE

$http.get("personen.json").then(function(response) {
    $scope.personen = response.data;
});

With this one:

//USE THIS ONE

$.ajax({ 
    url : "personen.json", 
    dataType : 'JSON', 
    success : function(data) { 
        $scope.personen = data;
    }, 
    error : function(error) { 
        console.log( "error occurred." );     
    }
});

HTML use this to view the records.

<table>
    <tr ng-repeat="record in personen.records">
       <td> {{record.Name}} </td>
       <td> {{record.City}} </td>
       <td> {{record.Country}} </td>
    </tr>
</table>

This will help

$.ajax({ 
    url : "personen.json", 
    dataType : 'JSON', 
    success : function(data) { 
        $scope.personen = data;
    }, 
    error : function(error) { 
        console.log( "error occurred." );     
    }
});

HTML use this to view the records.

<table>
    <tr ng-repeat="record in personen.records">
       <td> {{record.Name}} </td>
       <td> {{record.City}} </td>
       <td> {{record.Country}} </td>
    </tr>
</table>

Replace your Javascript code:

$http.get("personen.json").then(function(response) {
    $scope.personen = response.data;
});

With this one:

$.ajax({ 
    url : "personen.json", 
    dataType : 'JSON', 
    success : function(data) { 
        $scope.personen = data;
    }, 
    error : function(error) { 
        console.log( "error occurred." );     
    }
});

HTML

<table>
    <tr ng-repeat="record in personen.records">
       <td> {{record.Name}} </td>
       <td> {{record.City}} </td>
       <td> {{record.Country}} </td>
    </tr>
</table>

Replace your Javascript code:

// DO NOT USE THIS CODE

$http.get("personen.json").then(function(response) {
    $scope.personen = response.data;
});

With this one:

//USE THIS ONE

$.ajax({ 
    url : "personen.json", 
    dataType : 'JSON', 
    success : function(data) { 
        $scope.personen = data;
    }, 
    error : function(error) { 
        console.log( "error occurred." );     
    }
});

HTML use this to view the records.

<table>
    <tr ng-repeat="record in personen.records">
       <td> {{record.Name}} </td>
       <td> {{record.City}} </td>
       <td> {{record.Country}} </td>
    </tr>
</table>

Replace your Javascript code:

$http.get("personen.json").then(function(response) {
    $scope.personen = response.data;
});

With this one:

$.ajax({ 
    url : "personen.json", 
    dataType : 'JSON', 
    success : function(data) { 
        $scope.personen = data;
    }, 
    error : function(error) { 
        console.log( "error occurred." );     
    }
});

Replace your Javascript code:

$http.get("personen.json").then(function(response) {
    $scope.personen = response.data;
});

With this one:

$.ajax({ 
    url : "personen.json", 
    dataType : 'JSON', 
    success : function(data) { 
        $scope.personen = data;
    }, 
    error : function(error) { 
        console.log( "error occurred." );     
    }
});

HTML

<table>
    <tr ng-repeat="record in personen.records">
       <td> {{record.Name}} </td>
       <td> {{record.City}} </td>
       <td> {{record.Country}} </td>
    </tr>
</table>