Passing value from Jquery event to AngularJS - angularjs

Question

I have a ASP.NET MVC web application.I am replacing a existing table control only (JQuery html coded) with AngularJS grid.
I want to pass id value to AngularJs app from jQuery click event. On click event below code is not working.Please suggest the right way to pass the value.Using angular.element is not working.
$(".bs-example").on('click', '#alldiv a', function () {
var id = $(this).attr("id");
// This id is required to use in angular app
angular.element($("#my-table")).scope().getData();
});
var myApp = angular.module('myGrid', ['ngTable']);
myApp.controller('gridCtrl', ['$scope', '$http', 'services', 'NgTableParams', function (scope, http, ser, NgTableParams) {
ser.getData().success(function (response) {
scope.agendas = response;
scope.tableParams = new NgTableParams({ page: 1, count: 2 }, { dataset: scope.mydata });
});
scope.mydata = {
data: 'mydata'
}
}]);
myApp.service('services', function ($http) {
this.getData = function () {
// Need id from button jQuery click event
var result = $http.get('/Home/GetData/' + id);
return result;
};
});
<div data-ng-app="myGrid" data-ng-controller="gridCtrl" id="my-table">
//.....
</div

Answer 1

This should work.
EDIT:
$(".bs-example").on('click', '#alldiv a', function () {
var id = $(this).attr("id");
//HEre you pass a id to angular controller.
angular.element($("#my-table")).scope().getData(id);
});
var myApp = angular.module('myGrid', ['ngTable']);
myApp.controller('gridCtrl', ['$scope', '$http', 'services', 'NgTableParams', function (scope, http, ser, NgTableParams) {
$scope.GetData = function(id) {
ser.getData(id).success(function (response) {
scope.agendas = response;
scope.tableParams = new NgTableParams({ page: 1, count: 2 }, { dataset: scope.mydata });
});
}
scope.mydata = {
data: 'mydata'
}
}]);
myApp.service('services', function ($http) {
//Add to this function parameter
this.getData = function (id) { //here declare that this function
// Need id from button jQuery click event
var result = $http.get('/Home/GetData/' + id);
return result;
};
});
IHMO better option here will be use a ng-click angular method on the div that you wana click.
https://docs.angularjs.org/api/ng/directive/ngClick

Answer 2

I am able to call Angular function from JQuery with following code
$(".bs-example").on('click', '#alldiv a', function () {
var id = $(this).attr("id");
var scope = angular.element(document.getElementById("my-table")).scope();
scope.$apply(function () {
scope.save(id);
});
});