Call angularjs function using jquery/javascript

by

Solution provide in the questions which you linked is correct. Problem with your implementation is that You have not specified the ID of element correctly.

Secondly you need to use load event to execute your code. Currently DOM is not loaded hence element is not found thus you are getting error.

HTML

<div id="YourElementId" ng-app='MyModule' ng-controller="MyController">
    Hi
</div>

JS Code

angular.module('MyModule', [])
    .controller('MyController', function ($scope) {
    $scope.myfunction = function (data) {
        alert("---" + data);
    };
});

window.onload = function () {
    angular.element(document.getElementById('YourElementId')).scope().myfunction('test');
}

DEMO

More Related Contents:

  1. How do you increment a cookie value?
  2. “Thinking in AngularJS” if I have a jQuery background? [closed]
  3. How do I POST urlencoded form data with $http without jQuery?
  4. ng-repeat finish event
  5. AngularJS – Any way for $http.post to send request parameters instead of JSON?
  6. What is the $$hashKey added to my JSON.stringify result
  7. How to trigger ngClick programmatically
  8. How to detect browser back button click event using angular?
  9. How to make a directive update ng-model on jquery on event?
  10. AngularJS: How to run additional code after AngularJS has rendered a template?
  11. How can I make an AngularJS directive to stopPropagation?
  12. How to use jQuery in AngularJS
  13. AngularJS group check box validation
  14. What is the elegant way to get the latest date from array of objects in client side?
  15. Format input value in Angularjs
  16. Disable Chrome strict MIME type checking
  17. Should we use jQuery with AngularJS? [closed]
  18. how to bind Bootstrap-datepicker element with angularjs ng-model?
  19. Skip ng-repeat JSON ordering in Angular JS
  20. Consider marking event handler as ‘passive’ to make the page more responsive
  21. ScrollTo function in AngularJS
  22. AngularJS : ng-model binding not updating when changed with jQuery
  23. VueJs templating. How to load external templates
  24. Remove ‘All Files’ option from HTML file input
  25. Hour difference between two times(HH:MM:SS a)in momentjs
  26. How to implement hierarchical multilevel datatable in javaScript?
  27. Run jQuery code after AngularJS completes rendering HTML
  28. AngularJS: lazy loading controllers and content
  29. Is it a bad practice to use jQuery in Angular? [closed]
  30. Angular.js ng-repeat across multiple elements

Leave a Comment