如何从AngularJS中调用jQuery

22 浏览
0 Comments

如何从AngularJS中调用jQuery

这个问题已经有了答案:

JQuery - $ is not defined

我是AngularJS的新手，请帮助我解决这个问题。

我如何从AngularJS中调用jQuery函数。

HTML：

脚本：

当按钮被点击时，我得到了错误“Error: $ is not defined”。

admin 更改状态以发布 2023年5月21日
0

2 答案

0 Comments

这是因为您没有包含jquery。
否则这应该有效。

另外，当您包含jquery时，应该在包含angular之前这样angular才能充分利用jquery的存在。
然后您可以使用angular.element而不是$。

angular.element('#div1').html('User clicked');

还有一件事，当您使用jquery函数时，建议将它们放在服务或指令中。控制器不应该调用其他库的函数。这只是一种有助于编写更易于测试的约定。

0
0 Comments

你的错误意味着jQuery没有被包含/还没有加载。

我建议如果你使用Angular，那么使用Angular的方式来解决这个问题:

    
        
        {{ testText }}

控制器:

app.controller('TestClickController', function($scope) {
    $scope.testText = '';
    $scope.clickFunc = function() {
        $scope.testText = 'User clicked';
    };
});

JSFIDDLE

Angular的一个未写成的规则是：“如果你需要使用jQuery来做一些事情，那么你可能做错了什么。”

0