Browser not shows any data or Error

I am using node js and angular js and handlebars as view engine. I am trying basic application / samples but not getting any data on Browser side. Data shows on browser is blank.

I did console.log on browser, I got data as [object] [object].

Included angular:
<script 
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js">
</script>

On handlebars page : [enter image description here][1]table:

<table ng-controller="myCtrl" border="1">
    <li ng-if="records.length === 0">( No items in this list yet! )</li>

    <tr ng-repeat="x in records">
      <td></td>
      <td></td>  
    </tr>
    </table>

<script>
var app = angular.module('tennisApp',[]);
app.controller('userDetails', function($scope, $http) {
    $scope.data = [];
    var request = $http.get('http://localhost:3030/aitaAngular');    
    request.success(function(response) {            
        $scope.data = response;  
        console.log(response);
        console.log($scope.data);
    });
    request.error(function(response){
        console.log('Error: ' + response);
    });
});
</script>

via Vatsal N Shah