How to hide the $anchorScroll in the browser in AngularJS? - angularjs

Question

I am fairly new to AngularJS and I am using $anchorScroll to scroll to a particular section of the page after the results are rendered (which works fine).
However, I would like to hide the anchor that appears in the browser (refer to the image below). How can I achieve that?
Here's the section in the controller where I am using $anchorScroll and where I display the results after the user hits submits. Any help would appreciated:
$scope.SearchProvider = function(searchParam) {
try{
$scope.searchMode = 1;
var queryString='';
if($scope.formModel && $scope.formModel !== searchParam){
$scope.resultsCount = 0;
currentPage = 1;
}
if(searchParam){
$scope.formModel = searchParam;
for(var param in searchParam){
if(searchParam.hasOwnProperty(param)){
var paramValue = searchParam[param].value ? searchParam[param].value.trim() : searchParam[param].trim();
if (paramValue.length > 0)
queryString += param + '=' + paramValue + '&';
}
}
}
//debugger;
console.log(queryString);
queryString= '?' + queryString + 'currentpage=' + $scope.currentPage;
$http.get("/includes/ReturnProvidersList.cfm" + queryString)
.then(function(response){
$scope.providers = response.data.provider;
$scope.resultsCount = response.data.rowCount;
if (!$scope.providers){
$scope.NoResults = true;
$scope.ShowResults = false;
$scope.ShowDesc = false;
$location.hash('error');
// call $anchorScroll()
$anchorScroll('error');
}
else {
$scope.NoResults = false;
$scope.ShowResults = true;
$scope.ShowDesc = false;
$location.hash('ResultsAnchor');
// call $anchorScroll()
$anchorScroll('ResultsAnchor');
}
})
}
catch(err){ alert('No response.: ' + err.message); }
}