我想知道将 jQuery 插件集成到我的 Angular 应用程序中的正确方法是什么。我找到了几个教程和截屏视频,但它们似乎适合特定的插件。
例如:http://amitgharat.wordpress.com/2013/02/03/an-approach-to-use-jquery-plugins-with-angularjs/ http://amitgharat.wordpress.com/2013/02/03/an-approach-to-use-jquery-plugins-with-angularjs/
http://www.youtube.com/watch?v=8ozyXwLzFYs http://www.youtube.com/watch?v=8ozyXwLzFYs
我应该创建一个像这样的指令 -
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
该指令的功能。
文档中有几点您可以查看。您可以在这里找到它们:
常见陷阱 https://docs.angularjs.org/misc/faq#common-pitfalls
正确使用控制器 http://docs.angularjs.org/guide/controller#using-controllers-correctly
确保在视图中引用脚本时,最后引用它 - 在引用 angularjs 库、控制器、服务和过滤器之后。
编辑:而不是使用$(element)
,你可以利用angular.element(element)
当将 AngularJS 与 jQuery 结合使用时
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)