使用jquery / javascript调用angularjs函数

Question

我采取了相同的步骤，但是在浏览器控制台中出现错误

Uncaught TypeError: Cannot call method 'myfunction' of undefined

我制造了小提琴。如何调用myfunction函数并显示警报？任何想法？

Answer 1

解决方案提供您所链接的问题是正确的。 实现的问题是您没有正确指定元素的 ID 。

其次，您需要使用load事件来执行代码。当前未加载DOM，因此找不到元素，因此出现错误。

的HTML

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

JS代码

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

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

演示