小编典典

在AngularJS中集成jQuery插件的正确方法

angularjs

我想知道将jQuery插件集成到我的angular应用程序中的正确方法是什么。我发现了一些教程和屏幕录像,但是它们似乎适合特定的插件。
我应该像这样创建指令吗?

App.directive('directiveName', function() {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            $(element).'pluginActivationFunction'(scope.$eval(attrs.directiveName));
        }
    };
});

然后在html中调用脚本和指令?

<div directiveName ></div>
<script type="text/javascript" src="pluginName.js"></script>

提前谢谢


阅读 268

收藏
2020-07-04

共1个答案

小编典典

是的,你是对的。如果您使用的是jQuery插件,请不要将代码放在控制器中。而是创建一个指令,并将您通常具有的代码放入该指令的link函数中。

您可以查看文档中的几点。您可以在这里找到它们:
常见陷阱

正确使用控制器

确保在视图中引用脚本时,在引用angularjs库,控制器,服务和过滤器之后,最后引用该脚本。

编辑:$(element)可以使用angular.element(element)jQuery与AngularJS结合使用,而不是使用

2020-07-04