How to call an angularJS function from javascript?

Question

I need to call an angularJS function from a javascript function. This is my javascript function:

function callAngularFunction(userid, serviceid, system) {

    angular.element(document.getElementById('myServiceId')).scope().test();

}

This is my controller code:

serviceApp.controller('myService', function ($scope,  $location, $window) {
    $scope.test = function () {
        console.log("hello from test");
    }
});

And this is how I included it in html:

<body ng-app="serviceApp" ng-controller="myService" id="myServiceId">

Whenever I call callAngularFunction, I get this error:

TypeError: Cannot read property 'test' of undefined

looks like you do not have an HTML element with ID myServiceId in the DOM. To check it just execute document.getElementById('myServiceId') in your debugger console. It should print undefined if the element is not found. — Andriy
– Andriy, Commented Jun 21, 2020 at 12:10
@Andriy it can be possible cause the above code is deployed in server and I'm calling the function named callAngularFunction from my localhost project. But i'm new and have no idea how to proceed from here — Araf
– Araf, Commented Jun 21, 2020 at 12:30
try to inspect your available HTML code in debugger -> elements and try to find closest to your component element with unique CSS selector (w3schools.com/cssref/css_selectors.asp) (id, unique class or property) and then try to select it with documnet.querySelector() (instead of document.getElementById()) — Andriy
– Andriy, Commented Jun 21, 2020 at 14:43
Looking at your previous question, this appears to be an XY problem. Your are trying to solve the previous problem on your own using a method that won't work. Thus obscuring the actual problem. — georgeawg
– georgeawg, Commented Jun 21, 2020 at 15:26

Luis Gallegos · Accepted Answer · 2020-06-23 01:09:29Z

0

Check if you are importing the scripts in the end of the body tag </body> maybe for that reason it is not available in your code the id myServiceId

answered Jun 23, 2020 at 1:09

Luis Gallegos

315 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to call an angularJS function from javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related