How to call angular function in jquery

In this example i created one function “$scope.makeAlert()” In my AngularJS controller. This function have one argument that way we can also pass argument. When you click on button i use id of controller element and use with angular element, then simple use scope helper and at last function name with argument as bellow example.


<!DOCTYPE html>



    <title>How to call AngularJS controller function in Jquery</title>

    <script type=”text/javascript” src=”//”></script>

    <script src = “”></script>



        <div ng-app=”mainApp” ng-controller=”myController” id=”mainController”>

            <button>Click Here</button>


        <script type=”text/javascript”>

            var mainApp = angular.module(“mainApp”, []);

            mainApp.controller(‘myController’, function($scope, $timeout) {

                $scope.makeAlert = function(arg) {





        <script type=”text/javascript”>


                angular.element(document.getElementById(‘mainController’)).scope().makeAlert(‘This is for Test’);