最初のクリックで角度HTTPが機能しません。

ボタンをクリックして、Getdata（）;メソッドを呼び出しています。しかし問題は、最初にページが読み込まれたときです。ボタンをクリックすると「HTTPエラー」という応答が表示されます。ボタンをもう一度クリックすると、成功の応答が表示されます。最初のクリックで角度HTTPが機能しません。

HTML

<button type="submit" class="btn btn-primary form-inline inline-Magrin" ng-click="Getdata()">Search</button>

$scope.Getdata = function() { 
    if (($scope.NumberOfrecords > $scope.TotalRecords) && ($scope.TotalRecords != 0)) { 
     alert("Search record count should not be greater than total records"); 
     return; 
    } 
    debugger; 
    $http({ 
     url: '/scrap/Resultdata', 
     method: "GET", 
     params: { 
      Searchbox: $scope.Searchbox, 
      Category: $scope.Category, 
      NumberOfrecords: $scope.NumberOfrecords 
     } 
    }).then(
     function successCallback(response) { 
      response = $scope.filterRecord(response); 
      debugger; 
      $scope.data = response.data.ResponseItems; 
      $scope.TotalRecords = response.data.TotalResults; 
      $scope.tableParams = new NgTableParams({ 
       page: 1, 
       count: 10 
      }, { 
       data: $scope.data 
      }); 
     }, 
     function errorCallback(response) { 
      debugger; 
      alert("error"); 
     }); 
}

console image