我想知道将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>
提前谢谢
是的,你是对的。如果您使用的是jQuery插件,请不要将代码放在控制器中。而是创建一个指令,并将您通常具有的代码放入该指令的link函数中。
link
您可以查看文档中的几点。您可以在这里找到它们: 常见陷阱
正确使用控制器
确保在视图中引用脚本时,在引用angularjs库,控制器,服务和过滤器之后,最后引用该脚本。
编辑:$(element)可以使用angular.element(element)jQuery与AngularJS结合使用,而不是使用
$(element)
angular.element(element)