AngularJS和jQuery冲突解决



我在ASP.NET中构建了一个AngularJS单页应用程序。我添加了jQuery,以便将上传的文件发送到服务器。jQuery中的代码简洁明了,我在AngularJS中看到的解决方案似乎要复杂得多。但现在,当我包含jQuery CDN脚本标记时,网站就停止工作了。在开发者工具控制台中,我看到了这个错误;

错误:k未定义n.event.remove@https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js:3:6618

当我取出jQuery脚本链接时,错误就会消失。我为jQuery包含的链接是这样的,放在AngularJS链接之前:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script>var jq = jQuery.noConflict();</script>

noConflict方法似乎无法解决问题。你将如何纠正这种冲突?有没有一个解决方案可以将jQuery保留在我的应用程序中,或者我应该再次寻找使用AngularJS上传文件的方法?

编辑:

我正在加载这些Angular脚本,其他的都是我自己开发的脚本:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-route.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-cookies.js"></script>

我发现了一个AngularJS解决方案,用于上传我的文件:

http://www.tutorialspoint.com/angularjs/angularjs_upload_file.htm

因此,为了解决这个问题,我从应用程序中删除了jQuery脚本。

最新更新