How to call AngularJS controller function in Jquery?

How to call AngularJS controller function in Jquery?

In this post we will give you information about How to call AngularJS controller function in Jquery?. Hear we will give you detail about How to call AngularJS controller function in Jquery?And how to use it also give you demo for it if it is necessary.

Today, i am going to show you how to call angular function in your js file. Sometimes we need to call angular controller function in our jquery code because we can make single function in all project.

It is very simple post but it important because many times we require to call angularjs function from jquery.

So, i given bellow example will help you how to call angularjs function in jquery. It is from scratch that way you can simply understand.

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.

Example:

Also see:How to remove # from URL in AngularJS?

<!DOCTYPE html>

<html>

<head>

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

<script type="text/javascript" src="//code.jquery.com/jquery-1.4.2.min.js"></script>

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

</head>

<body>


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

<button>Click Here</button>

</div>


<script type="text/javascript">

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


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


$scope.makeAlert = function(arg) {

alert(arg);

}


});

</script>


<script type="text/javascript">

$("button").click(function(){

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

});

</script>


</body>

</html>

So, you can check this one, Maybe it can help you….

Hope this code and post will helped you for implement How to call AngularJS controller function in Jquery?. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs

For More Info See :: laravel And github

Leave a Comment

Your email address will not be published. Required fields are marked *

78  +    =  81

We're accepting well-written guest posts and this is a great opportunity to collaborate : Contact US