用例使用AngularJS和JQuery

时间:2013-02-25 23:25:02

标签: jquery angularjs

我是一名JQuery程序员,希望在我的下一个项目中使用AngularJS。在阅读this excellent answer关于如何“思考Angular”而不是包含和使用JQuery之后,我想知道使用JQuery + Angular有哪些好的用例。我想给我的Angular编程带来一点点熟悉。

从Stackoverflow帖子中引用:

“最重要的是:在解决方案时,首先”在AngularJS中思考“;如果您无法想到解决方案,请询问社区;如果完全没有简单的解决方案,那么 < / em>随时可以访问jQuery“

我何时可以使用JQuery?

2 个答案:

答案 0 :(得分:15)

AngularJS是一个复杂的框架,具有中等到陡峭的学习曲线。 JQuery不是一个框架,而是一个库。如果您希望构建单页应用程序,尤其是CRUD应用程序,那么AngularJS非常适合,因为它将提供双向数据绑定,路由(对单页应用程序很重要),以及其他许多功能。

它使用jQlite作为jQuery的一个子集,但它是关于如何构建应用程序的看法,这意味着你需要深入了解它是如何工作的,你需要了解控制器,服务和指令以及为什么你应该只更新它指令中的DOM。

单页应用程序可以单独使用jQuery完成,但您必须自己管理框架方面。

如果你在AngularJS之前包含jQuery,它将取代jQlite,掌握基础知识,从而武装自己的知识来决定它的使用,看看这些excellent videos at egghead.io

何时到达jQuery

当你无法以Angular的方式做某事时,你会找到jQuery,这通常是在你处于框架的边界时。

<强>示例:

一个例子是Angular没有办法禁用select元素中的项目。你可以在这里找到jQuery来监听select上的更改事件并从指令中自己操作UI。 请参阅下面的更新

如果您使用的是第三方库,则可能需要使用jQuery触发事件并在第三方代码或其他地方进行提取。在这里你会发现jQuery或像pubsub这样宝贵的东西。

<强>更新

关于路由功能,我强烈建议使用优秀的UI-Router代替开箱即用的路由器。

更新v2

Angular 1.4现在支持禁用select元素中的选项。

答案 1 :(得分:14)

我认为你问题引用中的关键词是“*毕竟没有简单的解决方案*”

  

我想知道使用JQuery + Angular有什么好的用例。

用例:我正在研究的项目使用Zurb Foundation的“揭示”组件作为模态窗口,我特别喜欢。它赞美我正在努力的应用程序。当然有一个Angular UI项目具有模态窗口,但在这种情况下我更喜欢显示。

这依赖于JQuery。用户肉体回答了关于如何将AngularJS方式here纳入其中的好主意。

经过一些研究,如果你得出结论,你可以在JQuery中做更多的事情,那么就去做,但一定要以AngularJS的方式集成组件。

无论如何,这是我对它的看法。