Calling AngularJs Method on button click

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<sctirp>
var app = angular.module("myApp", []);
app.controller('myCtrl', function ($scope, $http)
{
    $scope.ButtonClick = function ()
    {
        $scope.CommonMethod();
    }
    $scope.CommonMethod = function () {
        var webAbsoluteURL = _spPageContextInfo.webAbsoluteUrl;
        var methodURL = webAbsoluteURL + "/_layouts/15/MainDashBoad/WebMethod.aspx/BindTasks";
        var param = {};
        param.localCulturalId = "1033";
        param.taskBox = "Inbox";
        param.days = "All";
        param.WebURL = webAbsoluteURL;
        var mYData = $http({
            method: "POST",
            url: methodURL,
            dataType: 'json',
            data: param,
            headers: {
                "Content-Type": "application/json"
            }
        });
        mYData.success(function (data, status) {
            $scope.showData = JSON.parse(data.d);//data.d;
            console.log(JSON.parse(data.d));
        });
        mYData.error(function (data, status) {
            $scope.status = status;
            console.log(status);
        });
    }
});

</script>

   <div  ng-app="myApp" >
        <div ng-controller="myCtrl">
             <input id="getData" type="button" value="GetData" ng-click="ButtonClick()" />
   <table border="1">
       <tr ng-repeat="x in showData">
           <td>{{x.ProcessName}}</td>
           <td>{{x.ProjectName}}</td>
       </tr>
   </table>
         
        </div>
     
    </div>

AngularJS Calling webservices or Webmethod

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

<div  ng-app="myApp" >
        <div ng-controller="myCtrl">
   <table>
       <tr ng-repeat="x in showData">
           <td>{{x.ProcessName}}</td>
           <td>{{x.ProjectName}}</td>
       </tr>
   </table>

        </div>
    </div>


<script>
var app = angular.module("myApp", []);
app.controller('myCtrl', function ($scope, $http)
{
    var webAbsoluteURL = _spPageContextInfo.webAbsoluteUrl;
    var methodURL = webAbsoluteURL + "/_layouts/15/MainDashBoad/WebMethod.aspx/BindTasks";
    var param = {};
    param.localCulturalId ="1033";
    param.taskBox = "Inbox";
    param.days = "All";
    param.WebURL = webAbsoluteURL;
    $http({
        method: "POST",
        url: methodURL,
        dataType: 'json',
        data:param,
        headers: {
            "Content-Type": "application/json"
        }
    }).success(function (data, status)
    {
        $scope.showData = JSON.parse(data.d);//data.d;
     //   console.log(JSON.parse(data.d));
    })
    .error(function (data, status)
    {
        $scope.status = status;
        console.log(status);
    });
});
</script>