javascript - 将 Angular Js 与 JQuery 问题一起使用

Question

我正在尝试在广泛使用 jquery 的现有应用程序中嵌入一个 Angular 应用程序。 我调用引导函数的那一刻，例如

  angular.bootstrap(document.getElementById('app-grid'),['grid']);

我得到一个奇怪的错误:

Error: $rootElement.on is not a function $LocationProvider/this.$get<@https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js:9257
........

如果我删除 jquery 东西，angular 应用程序加载成功。如果有解决方法，请告诉我

jquery: 1.5.1
angularjs:1.2.13

Answer 1

那是您正在使用的 jQuery 的真正旧版本，它不提供包装元素上的 on 函数。如果您出于遗留原因需要继续使用它，请在 angularjs 之后加载它，以便 angular 可以使用其内部 jqLit​​e 实现。