大佬教程收集整理的这篇文章主要介绍了javascript – 警告:尝试多次加载角度…因为jQuery …为什么?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经阅读了我能找到的关于它的每一篇文章,它似乎归结为jQuery在角度之前被加载.
如果我遗漏了jQuery或者如果我在angualr之后加载jQuery(这不是我理解的好习惯),没问题.我想让jQuery支持一些功能(特别是ui-sortable).而且,虽然它似乎并没有造成任何问题,但我不想让它运行我的ng-view两次.
我做了一些结构上错误的事情,还是我错过了一个明显的方法来解决这个问题?
更新:Plunker of the issue(检查控制台)
index.html的:
<!DOCTYPE html> <html lang="en" ng-app="myApp"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content=""> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Site title</title> </head> <body ng-view> <script type="text/javascript"> console.log('test') </script> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular-route.js"></script> <script type="text/javascript" src="app_simple.js"></script> </body> </html>
app_simple.js:
'use Strict'; /** * Configure client module */ var myApp = angular.module('myApp',[ 'ngRoute' ]); myApp.config(function ($routeProvider) { $routeProvider .when('/simple',{ templateUrl: 'components/simple/simple.html',controller: 'SimpleCtrl' }) .otherwise({ redirectTo: '/x' }) }); myApp.controller('SimpleCtrl',['$scope','$log','$http',function($scope,$log,$http){ }]);
simple.html:
我的简单内容
如果包含jQuery,则任何< script>标签included WITHIN an ng-view will be evaluated twice.(谢谢@lossleader!).
我在测试中的错误假设是,当我尝试将ng-view从身体移动到< div>时,它正在处理整个模板内容两次.因为我看了两次日志消息.它不是!
<body> <div ng-view> <script>console.log('duplicated if jQuery');</script> </div> </body>
所以@Tom和@Wawy都有正确的解决方案.将ng-view移动到< div>或移动< script>标签到< head> (在Ng-view之外).
以上是大佬教程为你收集整理的javascript – 警告:尝试多次加载角度…因为jQuery …为什么?全部内容,希望文章能够帮你解决javascript – 警告:尝试多次加载角度…因为jQuery …为什么?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。