我们可以在Web应用程序中同时使用jQuery和AngularJS吗？

Question

我们可以在Web应用程序中同时使用jQuery和AngularJS吗？我已经阅读了一些建议，说不要在项目中同时使用它们，因为每个都有不同的生命周期。

我们的要求是使用ASP.NET WebApi和AngularJS构建响应式Web应用程序;现在要使我们的应用程序响应我们希望使用Bootstrap，而Bootstrap需要Bootstrap CSS和jQuery库;那么我们应该将jQuery库和AngularJS库添加到我们的项目中吗？

Answer 1

是的，你可以，但不建议这样做，因为jQuery增加了很多开销。 如果您要编码“角度方式”，那么您将不会破坏角度功能。例如，如果您尝试调整字段的值，则在手动触发摘要之前，范围不会更新。它会导致垃圾代码和不一致的行为。

  

Angular是否使用jQuery库？

     

是的，Angular可以使用jQuery，如果它存在于你的应用程序中   应用程序正在被引导。如果你的jQuery不存在   脚本路径，Angular回归到自己的实现   我们称之为jQLite的jQuery子集。

     

Angular 1.3仅支持jQuery 2.1或更高版本。 jQuery 1.7   更新的可能与Angular正常工作，但我们不保证。

Source

另请参阅此问题：Should we use jQuery with AngularJS?

如果您确实想要使用jQuery，请确保首先包含jQuery脚本。 Angular将加载jQuery代替JQ lite。

Answer 2

是的，您可以在同一个项目中同时使用Jquery和AngularJS。根据{{​​3}}

Angular是否使用jQuery库？

  

是的，Angular可以使用jQuery，如果它存在于你的应用程序中   应用程序正在被引导。如果你的jQuery不存在   脚本路径，Angular回归到自己的实现   我们称之为jQLite的jQuery子集。

     

Angular 1.3仅支持jQuery 2.1或更高版本。 jQuery 1.7和更新版本   可能与Angular正常工作，但我们不保证。

你还需要记住，

  

如果jQuery可用，angular.element是jQuery函数的别名。如果jQuery不可用，angular.element将委托给Angular的内置jQuery子集。

如果要在项目中使用任何Jquery插件，请确保将它们转换为angular指令。

Answer 3

您可以将JQuery与AngularJS一起使用。 AngularJS还有一个轻量级版本JQLite，它包含AngularJS项目所需的所有JQuery功能。

在第一个例子中，建议使用纯AngularJS，但是如果出于任何原因只是AngularJS没有剪切它，你可以使用JQuery来填充空白。如果你确实选择在AngularJS旁边使用JQuery，你必须开始考虑你在AngularJS视图之外所做的一切都需要你的额外考虑，因为如果角度不知道改变它不会将更改应用于任何事情。