Fetching data from query string REST API in angularjs

Question

Suppose we have a REST API http://example.com:82//api/Test/GetTestSymbols?exchanges=nc&callTypes=eq&symbolLike=infra and we need to fetch JSON Data from this URL in Angularjs, How to proceed?

TABLE TO SHOW DATA:

<div class="container" data-ng-app="myApp" data-ng controller="myController">

    <table class="table table-striped table-hover">
    <thead>
      <tr>
        <th>Symbol</th>
        <th>CompanyName</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      <tr data-ng-repeat="Symbol in records">
        <td>{{ Symbol.Symbol }}</td>
        <td>{{ Symbol.CompanyName }}</td>
      </tr>
    </tbody>
  </table>
</div>

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

app.controller('myController', function($scope, $http, $window) {
  $scope.render = function() {    
    var url = 'http://example.in:82//api/Test/GetTestSymbols?exchanges=nc&callTypes=eq&symbolLike=inf';

    var c = $window.angular.callbacks.counter.toString(36);
    $window['angularcallbacks' + c] = function (data) {
      $window.angular.callbacks['_' + c](data);
      delete $window['angularcallbacks' + c];
    };     

    $http.jsonp('http://example.in:82//api/Test/GetTestSymbols?exchanges=nc&callTypes=eq&symbolLike=infra').then(function(response) {
      $scope.Symbol = response.data.results;
    });
  };

  $scope.render();
});