Try this clean code out, The nice structure for Angular JS
html
<div ng-app='myApp'>
<div ng-controller="Controller">
<button ng-click="clickRestOne()">Rest1 Call One</button>
<button ng-click="clickRestTwo()">Rest2 Call Two</button>
<hr></hr>
<div style="width:50px;height:50px;" id="MainDiv">
<p>{{emptyData}}</p>
</div>
</div>
</div>
script
var app = angular.module('myApp', []);
app.controller('Controller', function ($scope, $http) {
$scope.clickRestOne = function () {
$http({
method : 'GET',
url : 'your url',
}).success(function(data, status, headers, config)
{
document.getElementById("MainDiv").innerHTML = data;
}).error(function(data, status, headers, config)
{
});
}
$scope.clickRestTwo = function () {
$http({
method : 'GET',
url : 'your url',
}).success(function(data, status, headers, config)
{
document.getElementById("MainDiv").innerHTML = data;
}).error(function(data, status, headers, config)
{
});
}
});