使用jQuery角JS冲突(Angular JS conflict with Jquery)

我使用的角度开发一个小部件。

我有一个index.html文件和script.js文件。 从我的index.html包括script.js文件。

该scripts.js的文件被检查角已经被加载与否。 如果没有加载角则最新Angular.min.js （试过1.3.14版本）动态附加于头标记。 和对角负载的成功我创建角模块等angular.module("widgetApp", []) 这是工作的罚款。

但是，如果我包括了jQuery JS（试过<2> 2版）从index.html的只是之前文件script.js ，那么它使得脚本错误的角度库。

这是我得到的错误： Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.12/$injector/modulerr?p0=myWidgetApp&p1=Err…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.12%2Fangular.min.js%3A17%3A381)

我创建了针对此问题的plunker： http://plnkr.co/edit/JHDrGakpuLWpfeauUs1V?p=preview

任何机构对这个问题的任何想法？

Answer 1:

这似乎是与顺序的问题ng-app创建模块之前被施加。 它可能会更好/更可靠，而不是手动引导添加的ng-app属性：

angular.bootstrap(document, ['myWidgetApp'])

这样，当发生引导你可以控制，这应该只后一切都被加载（在scriptLoadHandler ）

这里的工作plunkr： http://plnkr.co/edit/DKlh5S1ZisxIwluXeJ38?p=preview

文章来源: Angular JS conflict with Jquery