javascript - 使用 jquery/javascript 调用 angularjs 函数

Question

我正在尝试使用 javascript/jQuery 调用 Angular 函数，以下是我找到的链接

• Call Angular Function with Jquery
• Call controller function from outside of controller component

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

Uncaught TypeError: Cannot call method 'myfunction' of undefined

我创建了 fiddle .如何调用 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');
}

DEMO